如何在您的 WordPress 主題中使用短碼
您是否想在您的 WordPress 主題中使用短碼?通常,您會在內容區域如文章、頁面或側邊欄小部件中使用短碼。然而,有時您可能希望在 WordPress 主題中添加短碼。本文中,我們將向您展示如何輕鬆地將任何短碼添加到您的 WordPress 主題中。
為何在 WordPress 主題中使用短碼?
短碼可以為您的網站添加各種功能,包括圖片畫廊、表單、社交媒體フィード等。WordPress 帶有一些內建短碼,但還有許多流行的 WordPress 插件為您的站點添加短碼。例如,WPForms 提供容易使用的區塊,但它也提供短碼,這樣您可以將表單添加到網站的其他區域。
方法一:使用完整站點編輯器(僅限區塊主題)
在 WordPress 主題中使用短碼最簡單的方法是使用完整站點編輯器。這允許您在網站的任何部分添加短碼塊。然而,此方法僅適用於如 Hestia Pro 這樣的區塊主題。如果您未使用區塊啟用主題,則需要使用不同的方法。
步驟 1:
首先,導航到 WordPress 儀表板中的外觀 » 編輯器。
默認情況下,完整站點編輯器顯示主題的主頁模板,但您可以將短碼添加到任何模板中。要查看所有可用選項,選擇「模板」。
步驟 2:
現在,點擊您想要編輯的模板。作為示例,我們將在 404 頁面模板中添加短碼,但無論選擇哪個模板,步驟都完全相同。
WordPress 現在將顯示模板的預覽。要添加短碼,請點擊小鉛筆圖標。
然後,點擊左上角的藍色「+」圖標。在搜索欄中,輸入「Shortcode」。當正確的塊出現時,將其拖放到主題模板中。現在,您可以粘貼或輸入您想使用的短碼。然後,點擊「保存」按鈕。
現在,只需訪問您的 WordPress 博客以查看短碼效果。
方法二:編輯您的 WordPress 主題文件(適用於任何 WordPress 主題)
您還可以通過編輯主題文件將短碼添加到您的 WordPress 主題中。這種方法更為高級,但適用於每個 WordPress 主題。如果您從未在網站中添加代碼,請查看我們有關如何在 WordPress 中複製和粘貼代碼的分步指南。
您可以直接修改各個主題文件,但這使得更新您的 WordPress 主題時難以保留自定義。因此,我們建議通過創建子主題來覆蓋主題文件。當編輯主題文件時,您不能使用與標準內容區域相同的格式來添加短碼。相反,您需要使用 do_shortcode 函數明確告知 WordPress 執行短碼。
這是一個您將添加到 WordPress 主題文件中的代碼示例:
echo do_shortcode('');
僅需替換為您想使用的短碼。如果您不確定將短碼添加到哪裡,請參見我們的 WordPress 模板層次結構初學者指南。添加帶有額外參數的短碼時,需要使用略有不同的代碼片段。
例如,您可以使用 WPForms 創建一個聯繫表單。此情況下,您將需要使用標準的 WPForms 短碼加上表單的 ID:
echo do_shortcode("[wpforms id='92']");
故障排除:當 do_shortcode 不工作時該怎麼辦
有時,您可能會將短碼添加到主題文件中,但代碼的輸出並未出現在您的 WordPress 網站上。這通常意味著短碼依賴於 WordPress 插件或網站上的其他代碼。如果 do_shortcode 函數不起作用,請確保提供短碼的插件已安裝並激活。
您還可以通過在 index.php 文件中添加 shortcode_exists() 函數來檢查短碼是否可用:
if ( shortcode_exists( 'wpforms' )) { echo do_shortcode("[[wpforms id='147']]"); }
如果您仍然看不到短碼輸出,請嘗試清除 WordPress 緩存,因為您可能看到的是站點的舊版本。
方法三:創建自己的 WordPress 主題(完全可自定義)
另一種選擇是創建一個自定義的 WordPress 主題。這是一種更高級的方法,但它允許您將任意數量的短碼添加到 WordPress 主題的任何區域。您還可以進行其他更改以創建您想要的功能和設計。
過去,您通常需要遵循復雜的教程或編寫自定義代碼來構建自定義 WordPress 主題。然而,現在您可以使用 SeedProd 在不編寫一行代碼的情況下創建自定義主題。
SeedProd 是最好的 WordPress 頁面構建器,還提供主題構建器以及整個網站套件和模板。這允許您使用拖放設計自己的主題。
創建主題後,您可以通過導航到 WordPress 儀表板中的 SeedProd 和主題構建器來將短碼添加到 WordPress 網站的任何部分。
找到要使用短碼的模板。然後,將鼠標懸停在該模板上,並在出現時點擊「編輯設計」。這將在 SeedProd 的主題構建器中打開模板。在左側欄中,滾動到「高級」部分。找到短碼塊並將其拖放到佈局中。在實時預覽中,點擊選擇短碼塊。現在,將您的短碼添加到短碼框中。
默認情況下,SeedProd 不會在實時預覽中顯示短碼輸出。要查看短碼效果,點擊「顯示短碼選項」開關。
當您對頁面外觀感到滿意時,只需點擊「保存」按鈕。然後,選擇「發布」以使短碼生效。您現在可以訪問您的網站,查看自定義短碼的效果。
我們希望這個教程能幫助您學習如何在 WordPress 主題中使用短碼。您還可能希望查看我們有關如何在 WordPress 中創建登陸頁面的指南以及我們精選的最有用的小部件。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。