如何在您的 WordPress 主題中使用短碼

11/26/2022

如何在您的 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 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>