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

09/29/2022

您想學習如何在 WordPress 側邊欄小工具中使用短代碼嗎?您可以使用短代碼區塊將短代碼添加到任何頁面或文章中,但如果您希望將相同的代碼應用到整個網站,那麼將其添加到側邊欄小工具可能更方便。

在本文中,我們將向您展示如何在 WordPress 側邊欄中使用短代碼。

為什麼在 WordPress 側邊欄小工具中使用短代碼?

短代碼允許您向網站添加先進的內容和功能,包括聯絡表單、表格、隨機名言等。WordPress 帶有多個內建短代碼,但有些插件也會添加其自定義短代碼。

您可以使用 WordPress 編輯器和內建短代碼區塊將短代碼添加到任何頁面或文章中。然而,如果您希望在整個網站中使用短代碼,那麼將其添加到側邊欄通常更合理。例如,您可以使用 Smash Balloon Instagram Feed 提供的短代碼在 WordPress 側邊欄顯示 Instagram 照片。

此內容將出現在整個 WordPress 網站中,因此您不需要手動將其添加到每個頁面和文章中。這可以節省大量時間和精力,並幫助保持網站設計的一致性。

接下來,讓我們看看幾種在 WordPress 側邊欄小工具中添加和使用短代碼的方法。只需使用下面的快速連結直接跳轉到您想要使用的方法。

方法1:在 WordPress 區塊小工具編輯器中添加短代碼(經典主題)

大多數免費和付費的經典 WordPress 主題都帶有可用於小工具的側邊欄。因此,您通常只需在網站的側邊欄中添加一個短代碼小工具。

首先,轉到儀表板中的外觀 » 小工具。在這裡,您會看到所有可以在 WordPress 中添加小工具的不同區域,包括側邊欄。

點擊+ 添加區塊按鈕並開始鍵入短代碼。當正確的區塊顯示出來時,將其拖到 WordPress 側邊欄。

現在,您可以將短代碼添加到該區塊中。完成後,不要忘記點擊更新讓更改生效。

現在,您可以訪問您的 WordPress 部落格或網站,查看短代碼的效果。

方法2:在完全站點編輯器中添加短代碼(區塊主題)

如果您使用的是區塊主題,則可以使用完全站點編輯器將短代碼添加到側邊欄。進入 WordPress 儀表板中的外觀 » 編輯器

現在,您將看到一些設置來編輯區塊主題。要編輯主題的側邊欄,通常需要點擊模式菜單。

然後,向下滾動到模板部分。這是您要找到區塊主題的默認模板部分的地方,例如標頭、頁尾和側邊欄。經典主題通常將這些元素分類為小工具區域。

就像經典主題一樣,您的區塊主題可能會或可能不會有側邊欄模板部分。在這種情況下,您可能需要創建一個。您可以閱讀我們的 WordPress 完全站點編輯的初學者指南以了解如何操作。

一旦找到側邊欄,只需點擊它。接下來,點擊鉛筆編輯按鈕。這將帶您進入區塊編輯器以編輯側邊欄。

現在,就像使用區塊編輯器一樣,您可以在任何地方點擊+ 添加區塊按鈕。之後,選擇短代碼區塊。

完成後,只需像平常一樣添加短代碼然後點擊保存以使更改生效。

方法3:使用自定義 HTML 小工具(更具自定義)

有時,您可能希望在顯示短代碼內容的同時還顯示其他內容。例如,RafflePress 可以通過短代碼將比賽或抽獎活動添加到側邊欄。為了引起更多的注意,您可能希望在比賽上方顯示標題。

與其創建單獨的短代碼和標題區塊,您可以將短代碼和文本一起添加到自定義 HTML 區塊中。這有助於以漂亮的佈局排列不同的內容。您還可以使用 HTML 為區塊設計樣式,因此可以完全控制其在側邊欄的外觀。

有關詳細信息,請參閱我們的 RafflePress 完整評論。

自定義 HTML 區塊默認不支持短代碼,但您可以通過向 WordPress 添加自定義代碼輕鬆更改這一點。在添加此代碼後,您可以在整個 WordPress 網站的任何自定義 HTML 區塊中使用短代碼。

通常,您會找到帶有向網站 functions.php 文件添加自定義代碼的指南。但是,這不建議這樣做,因為代碼中的任何錯誤都可能導致常見的 WordPress 錯誤,甚至完全破壞您的網站。

這時候,WPCode 就派上用場了。

這款免費插件讓您可以輕鬆地將自定義 CSS、PHP、HTML 等添加到 WordPress,而不會讓您的網站面臨風險。更好的是,它帶有一個現成的代碼片段庫,包括允許您在文本小工具中使用短代碼的代碼。

首先,您需要安裝和激活 WPCode。更多信息,您可以參閱我們的逐步指南了解如何安裝 WordPress 插件。

之後,進入 WordPress 儀表板中的代碼片段 » 添加片段。現在,您可以開始鍵入短代碼

當它出現時,將鼠標懸停在以下片段上:“在文本小工具中啟用短代碼執行。”然後點擊使用片段

這將在 WPCode 編輯器中打開片段。WPCode 為您配置了片段設置,因此您只需點擊未啟用開關使其變成藍色。完成後,點擊更新使片段生效。

現在,您可以向任何自定義 HTML 小工具添加短代碼。只需進入外觀 » 小工具並在搜索欄中輸入自定義 HTML

當正確的區塊出現時,將其拖到網站的側邊欄。完成後,您可以將 HTML 和短代碼添加到區塊中。

當您對小工具的設定感到滿意時,點擊更新。現在,如果您訪問您的網站,您將看到短代碼和自定義 HTML 生效。

常見問題:在 WordPress 側邊欄小工具中使用短代碼

無論您使用的是什麼主題,您應該能夠使用上述方法之一在側邊欄中添加短代碼。

不過,如果您需要額外幫助,這裡有一些關於在側邊欄中添加短代碼的常見問題。

我如何更改側邊欄小工具顯示的位置?

側邊欄的位置由您的 WordPress 主題控制。若您對側邊欄的位置不滿意,您可能可以使用主題設置進行更改。

許多 WordPress 主題允許您選擇不同的佈局,通常包括在屏幕不同側顯示側邊欄。

您可以進入 WordPress 主題自定義器或完全站點編輯器,查看可用的側邊欄區域。

我如何為我的 WordPress 主題添加側邊欄?

如果您的主題沒有側邊欄,則可以創建子主題,然後使用代碼添加側邊欄。

您可以閱讀我們的指南,了解如何在 WordPress 中添加自定義標頭、頁尾和側邊欄的更多信息。

如果您不習慣編寫代碼,則可以使用如 SeedProd 的插件來創建自定義 WordPress 主題。您可以使用這款流行的頁面構建插件,通過簡單的拖放編輯器設計自己的主題和側邊欄。

請參閱我們的指南,了解如何在不使用任何代碼的情況下創建自定義 WordPress 主題的逐步指導。

如何在每個文章或页面中使用不同的短代碼?

有時,您可能想在一些文章和页面中使用不同的短代碼。例如,您可能希望在存檔頁面上顯示最受歡迎的文章,並在首頁顯示廣告。

要了解更多信息,請參閱我們的指南,了解如何在每個文章和页面中顯示不同的側邊欄。

我們希望這篇文章幫助您輕鬆地將短代碼添加到您的 WordPress 側邊欄小工具中。您還可以查看如何使用 WordPress 創建登錄頁面的指南,或我們精選的最佳社交媒體插件。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,觀看 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

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