如何在 2022 年添加 WordPress 側邊欄 + 最佳實踐

側邊欄顯示不屬於主要內容的信息，使您能夠組織內容並使其更具吸引力。

什麼是 WordPress 中的側邊欄？

WordPress 側邊欄是一種主題功能，通常顯示在左側或右側的垂直列中； 您還可以在主要內容下方或上方的矩形中水平自定義側邊欄。

此外，側邊欄對於設計 WordPress 佈局至關重要； 例如，您可以使用邊欄列出最近的文章和評論、熱門文章和頁面的列表，甚至可以顯示廣告。

WordPress 側邊欄的用途是什麼？

一旦決定添加側邊欄，您需要確保它與以下方面相關且有意義：

• 幫助人們找到他們正在尋找的部分
• 獲取線索
• 通過廣告增加收入

什麼是粘性側邊欄？

粘性或浮動側邊欄是一種可以鎖定到位的小部件，因此它始終在屏幕上並且永遠不會消失，即使用戶向下滾動也是如此； 此小部件可用於您希望隨時訪問的信息。

WordPress 側邊欄； 左還是右？

有些人認為添加側邊欄的最佳位置是頁面的右上角； 既然我們是從左到右閱讀的，自然而然，頁面的右上角是一個不容忽視的地方。 不過，您可以嘗試一下，看看哪一方表現更好，或者在您的 WordPress 網站上運行 A/B 測試。

如何通過 3 個簡單步驟在 WordPress 中創建側邊欄

有多種方法可以創建 WordPress 側邊欄； 我們在這裡列出了三個最受歡迎的。 您可以創建一個 WordPress 側邊欄：

1.使用塊編輯器

使用站點編輯器是添加側邊欄的最簡單方法； 但是，您需要使用高於 5.9 的 WordPress 版本和基於塊的主題。 使用塊編輯器添加側邊欄有兩種可能的方法：

使用塊模式

塊模式是預定義塊的模板，您可以對其進行編輯以滿足您的目的。 要向您的 WordPress 添加塊模式，您應該單擊外觀 > 站點編輯器 > 加號 (+) 圖標 > 模式 > 側邊欄 > 瀏覽，然後您可以看到所有可用的模式。

從頭開始創建

WordPress 添加側邊欄的另一種方法是手動設置所有內容； 為此，您應該創建一組塊，其中包含用於查詢循環和側邊欄的列。 要從頭開始創建側邊欄，您應該打開 Sire 編輯器 > 加號 (+) 圖標 > 組 > 列，然後您必須選擇一個列變體； 以防萬一，建議左側邊欄為 30/70，右側邊欄為 70/30。

2. 使用小部件

使用小部件為 WordPress 添加側邊欄是技術較少的用戶的更好選擇，因為不需要太多處理代碼。 小部件可以放置在不同的區域，例如頁眉、頁腳或側邊欄。 要通過小部件添加 WordPress 側邊欄，您需要登錄到您的 WordPress 儀表板 > 外觀 > 小部件，然後您可以在左側看到可用的 WordPress 小部件列表，在右側看到小部件塊。

3. 使用 WordPress 定制器

您可以使用 WordPress 自定義側邊欄來自定義 WordPress 主題的元素，例如菜單、主頁設置和小部件。 根據主題，您可以添加多個側邊欄，這些側邊欄可以放在您喜歡的任何位置； 並非所有主題都允許此功能。

十大 WordPress 側邊欄插件

WordPress 為其用戶提供了許多小部件插件和功能來改進側邊欄的功能。 我們在這裡列出了您可能想要添加到您的網站的最有用的小部件。

1.WP表格

WPForms 是適合初學者使用的最直接的 WordPress 聯繫人插件，它帶有自定義的側邊欄和小部件區域，具有拖放選項，您可以輕鬆創建任何您想要的類型。

2. SiteOrigin 小部件包

SiteOrigin Widget Bundle 提供了許多特色小部件，包括號召性用語按鈕、圖像小部件、Google 地圖小部件、價格表小部件等。 您可以檢查此插件中的所有小部件並選擇要使用的小部件； 然後，您可以啟用它們。 這個插件是免費的，適合所有類型的網站。

3.元素臨

Elementor Pro 可以通過兩種方式使您受益； 首先，您可以在不使用代碼的情況下添加、移動或刪除側邊欄。 其次，它允許您為側邊欄創建自定義設計，將它們添加到您想要的側邊欄，並使用 Elementor Library 小部件。

4. 狂妄

Adsanity 是一個 WordPress 廣告管理插件，可讓您在任何您想要的地方顯示您的自託管和基於網絡的廣告，例如，在您的小部件區域。 由於這個插件是一個管理工具，它可以讓您獲得洞察力，並且您可以檢查廣告的效果。

5. 粉碎氣球

Smash Balloon 是一個免費的 WordPress 插件，它允許您從 Instagram、Facebook 和 Twitter 等社交媒體渠道導入提要，並以與您的網站風格相匹配的方式設計它們。 此插件最適合與其他社交帳戶關聯的網站。

6. 谷歌地圖的地圖小工具

借助谷歌地圖插件，您可以將谷歌地圖添加到您的網站小部件區域，並添加您的地址以顯示在地圖上； 它有利於想要共享其物理地址的企業。 Maps Widget 還使您能夠包含自定義大小、縮放級別、圖釘顏色和大小、地圖配色方案等。

7. 忍者形態

Ninja Forms 可以幫助您擴大郵件列表並產生潛在客戶； 您有不同的表格選項，包括訂閱、註冊和捐贈表格。 您可以簡單地將它們集成到側邊欄中。 這是另一個適合所有類型網站的免費插件。

8.壓縮檔案

該插件的塊設計提供了一個內容存檔，默認情況下，該插件將以一長串有序且令人愉悅的方式顯示您的內容存檔。 這個插件是免費的，易於定制，對於內容量很大的網站來說是一個極好的幫助。

9. 更好的搜索

更好的搜索是一個 WordPress 插件，它提供更多配置選項，通過顯示更多結果並以簡潔明了的方式展示它們來擊敗您的默認搜索引擎。

10. 小部件選項

Widget Options 是一個 WordPress 小部件控制插件，允許您創建自定義側邊欄並控制小部件的大小以適合台式機、平板電腦和手機。 它是一個適用於所有類型網站的免費插件。

WordPress 側邊欄用例

簡而言之，側邊欄為用戶顯示補充信息； 您可以在側邊欄中包含不同的內容，例如搜索框、推薦信、最近發布的列表、即將發生的事件等。側邊欄可以鼓勵訪問者使用您網站上的其他信息，而不會從主要內容中分心內容。

在下一節中，您可以看到適用於幾乎所有類型網站的邊欄的一些實際用途。

一、閱讀推薦

您可以使用側邊欄來鼓勵訪問者閱讀更多帖子、停留更長時間並成為客戶。 您將有機會通過為您的網站帶來更多流量來提高您的 WordPress SEO 性能。

2. 郵件訂閱

當您的訪問者喜歡您的內容時，您可能會在側邊欄上找到一個方便的時事通訊訂閱表格； 當訪問者發現您的內容很有趣時，訂閱您的消息的可能性很高。 擁有屬於具有相同興趣的人的電子郵件地址列表是您未來營銷活動或貨幣化的重要資產。

3. 社交媒體功能

在側邊欄上添加社交分享按鈕可以更輕鬆地在其他平台上分享； 它還會增加增加社交媒體受眾的機會。

4.社會證明

社會證明可以使您的網站看起來更可信，並幫助人們信任您； 您的社交媒體關注者、訂閱者數量或推薦的統計數據可以證明您的業務或品牌的合法性。

5. 粘邊欄

正如我們之前提到的，粘性側邊欄永遠不會消失，並且會在您向下滾動時漂浮在屏幕上； 如果您的帖子很長，請使用粘性側邊欄； 粘性側邊欄更方便訪問。

包起來

添加側邊欄是在不分散訪問者註意力的情況下顯示附加信息的最佳方式。 請記住，添加側邊欄應該會有所幫助，為您的網站做出重要貢獻，並使其看起來更加分類和整潔。 不要添加太多的小部件或插件，也不要允許太多的廣告。