如何在側邊欄小工具中使用短代碼(3 種方法)

已發表: 2023-08-04


在網站上建立側邊欄是在所有網頁上顯示元素的絕佳方法。 WordPress 短代碼可以幫助您做到這一點。 但是,如果您是 CMS 的新手,您可能不知道如何在側邊欄小工具中使用短代碼。

好消息是這個過程️相對簡單。 此外,您可以根據網站的設定和個人喜好從幾種不同的方法中進行選擇。 例如,您可以使用網站編輯器或簡單地在所有小工具中啟用短代碼。

WordPress 簡碼簡介

首先,如果您是 WordPress 新手,您可能想知道短代碼是什麼。 簡而言之,WordPress 短代碼是用括號表示的一小段程式碼,例如[this one] 。 它們自 WordPress 2.5 版本[1]以來就已存在。

從 WordPress 版本 4.9 開始,您幾乎可以在網站上的任何位置添加這些短代碼,包括貼文、頁面和自訂貼文類型。 短代碼可以執行大量不同的功能並創建許多不同的設計元素,例如標題、圖庫等。

大多數版本的 WordPress 都內建了大量短代碼,但您也可以使用短代碼外掛來獲得更多。 在區塊編輯器中,您可以簡單地使用簡碼區塊:

WordPress 短代碼區塊。

或者,您可以在經典編輯器中手動新增它們。

但是,如果您想在側邊欄小部件中使用短代碼,事情就沒那麼簡單了。 另外,如何執行此操作取決於您的主題和 WordPress 版本。 但別擔心,我們稍後將在本文中向您展示三種方法!

那麼,為什麼要在側邊欄小工具中使用 WordPress 短代碼呢? 在回答這個問題之前,我們先快速討論一下小工具。

從本質上講,WordPress 小部件是使您能夠為網站添加獨特且經常互動的功能的模組。 您可以將這些小工具包含在不同的全域小工具區域中,例如側邊欄、頁首和頁尾。

這意味著您可以一次添加出現在網站每個頁面上的功能。 例如,您可以使用小工具新增搜尋列、類別清單或最近的貼文清單:

帶有類別清單的 WordPress 側邊欄小工具。

但請記住,您不必為整個網站建立側邊欄。 您也可以在所有部落格文章或某些位置(例如主頁)中只展示一篇文章。

有大量免費的側邊欄小工具可以添加動態元素,例如社交媒體來源、Google 地圖和活動日曆。 然後,當您將短代碼的強大功能添加到側邊欄小部件區域時,可能性幾乎變得無限!

如何在側邊欄小工具中使用短代碼

現在,我們將向您展示在側邊欄小部件中使用短代碼的三種方法!

  1. 使用網站編輯器
  2. 使用 WordPress 短代碼小工具
  3. 使用自訂程式碼在小工具標題中啟用短代碼

1. 使用網站編輯器(僅限區塊主題)

如果您使用的是 Raft、Neve FSE 或 Twenty Twenty-Two 等區塊主題,那麼您將能夠使用 WordPress 全站編輯器 (FSE)。 這使您能夠使用區塊修改網站範圍的元素(如側邊欄)。 由於有 Shortcode 區塊,所以這個過程非常簡單。

首先,前往外觀>主題>編輯器。 這將啟動您的網站編輯器,您可以在其中存取模板模板部件的選單:

WordPress 完整網站編輯器。

選擇要新增側邊欄的範本或部分。

如果您的主題還沒有,您需要透過新增「列」區塊來建立側邊欄。 預設情況下,該區塊將顯示在頁面底部:

將列塊新增至​​模板。

為您的側邊欄選擇變體。 我們將為右側邊欄選擇66/33選項。

然後,要將任何內容移至左側,請開啟清單檢視

造訪 WordPress 清單視圖。

將主要內容拖曳至左側欄。 這將使您的右側邊欄留空:

將 WordPress 組移至列。

最後,搜尋您的短代碼區塊並將其新增至新的側邊欄:

在區塊編輯器的側邊欄小工具中使用短代碼。

然後,添加您喜歡的任何獨特的短代碼,並在完成後點擊“儲存”

請記住,一旦完成此設計,它將在所有使用該模板的現有和未來的帖子中實施。

2. 使用 WordPress 短代碼小工具

如果您尚未切換到區塊主題和網站編輯器,則可以在基於區塊的小工具編輯器中使用 WordPress Shortcode 小工具。

為此,只需轉到“外觀” > “小部件”

WordPress 小工具。

然後,如果您的活動主題已有側邊欄,請選擇它。 點選加號(+)並蒐索簡碼塊小工具:

WordPress 短代碼區塊小工具。

之後,您可以編寫任何您想要的短代碼:

在側邊欄小工具中使用短代碼。

就這麼簡單!

但是,請記住,如果您願意,您也可以停用基於區塊的小部件以使用經典小部件。

3. 使用自訂程式碼在小工具標題中啟用短代碼

如果您有興趣獲得更專業的功能,而短代碼不僅適用於小部件的正文,而且還適用於標題,那麼您需要為此設定自訂解決方案。 不過,這仍然很容易做到!

首先備份您的網站(以防萬一出現問題)。

然後,安裝程式碼片段插件,並建立一個新的 PHP 片段。 將此程式碼放入程式碼片段的正文中:

add_filter('widget_title', 'do_shortcode');

設定新的程式碼片段以在網站的前端工作:

小部件中的簡碼。

儲存新片段。

這不僅可以在小部件中啟用短代碼,還可以在其標題中啟用短代碼!

結論

如果您希望某些設計功能出現在所有網頁上,那麼利用側邊欄是一個絕佳的策略。 但是,如果您沒有任何網頁設計技能,您可能不知道如何做到這一點。

幸運的是,透過 WordPress,您可以在側邊欄小工具中使用短代碼來創建大量獨特的元素,例如社交媒體來源、註冊表單等。 另外,您可以透過多種方式使用這些短代碼。 對於區塊主題,只需使用完整網站編輯器即可。 否則,請嘗試 WordPress 短代碼小工具或僅在所有小工具中啟用短代碼。

您對如何在側邊欄小工具中使用短代碼有任何疑問嗎? 請在下面的評論部分告訴我們!

免費指導

加速的 4 個基本步驟
您的 WordPress 網站

請按照我們的 4 部分迷你係列中的簡單步驟進行操作
並將載入時間減少 50-80%。