如何在 WordPress 中編輯側邊欄

已發表: 2020-02-25

如何編輯側邊欄 wordpress 在 WordPress 中編輯側邊欄有多種方法，您可以使用小部件選項、主題選項、定制器並直接編輯代碼。 在 WordPress 中編輯側邊欄的這些方法中的每一種都取決於 WordPress 網站上的活動主題。 大多數 WordPress 主題要么有一個主題選項方式來編輯側邊欄，要么支持定制器選項來編輯側邊欄。

在本教程中，我想重點介紹可用於在 WordPress 中編輯側邊欄的每種方法，突出每種方法的優缺點。 如果您正在尋找在 WordPress 博客或網站中編輯側邊欄的最佳方式，那麼這篇文章應該是您入門的最佳場所。

什麼是邊欄？

從回答這個問題開始會有所幫助，因為側邊欄可能對不同的用戶有不同的定義。

基本上，WordPress 上下文中的側邊欄是您網站上為與主要內容不同的附加內容而保留的區域。 根據設計，大多數 WordPress 側邊欄位於左側或右側。 在 WordPress 中，您還可以在內容區域下方設置一個側邊欄。

常見的側邊欄佈局

側邊欄的佈局可能因一個主題而異，但在所有主題中流行的標準佈局包括：

  • 左側邊欄佈局
  • 右側邊欄佈局
  • 左右側邊欄佈局

關於 WordPress 側邊欄的另一個重要的事情是能夠使用易於使用的小部件將內容添加到側邊欄，因為它們是拖放塊。

如何在 WordPress 中創建側邊欄？

WordPress 中的側邊欄由 WordPress 主題或插件創建。 在 WordPress 中添加側邊欄的代碼被添加到 functions.php 文件中，由側邊欄註冊函數和一些用於註冊 WordPress 側邊欄的參數組成。

如果您有興趣了解有關如何在 WordPress 中創建側邊欄的更多信息，我在這裡寫了一份綜合指南 - 如何在 WordPress 中添加側邊欄和另一個 - 如何在 WordPress 中註冊側邊欄以及如何在 WordPress 中刪除側邊欄。

以下是您可以添加到 functions.php 文件以向您的 WordPress 站點添加自定義側邊欄的最簡單代碼：

 功能 my_custom_sidebar() {

    註冊邊欄（

        大批 （

            'name' => __('Custom', 'your-theme-domain'),

            'id' => '自定義側邊欄',

            'description' => __('Custom Sidebar', 'your-theme-domain' ),

            'before_widget' => '<div class="widget-content">',

            'after_widget' => "</div>",

            'before_title' => '<h3 class="widget-title">',

            'after_title' => '</h3>',

        )

    );

}

add_action('widgets_init', 'my_custom_sidebar');

以下是可用於顯示您在上述步驟中添加的自定義側邊欄的代碼：

 <?php if ( is_active_sidebar( 'custom-side-bar' ) ) : ?>   

          <?php dynamic_sidebar('自定義側邊欄'); ?>

<?php endif; ?>

您可以在要顯示 WordPress 側邊欄的頁面模板或其他主題文件（如頁眉或頁腳）中使用它。 既然我們已經重點介紹了關於 WordPress 側邊欄的基本信息，那麼讓我們來看看在 WordPress 中編輯側邊欄的方法。

#1) 使用小部件在 WordPress 中編輯側邊欄

WordPress 主題中的小部件選項允許您使用拖放向 WordPress 側邊欄添加新功能。 您可以通過拖放方法添加的這些小塊稱為 WordPress 小部件。

您可以使用數以千計的小部件來增強 WordPress 側邊欄的功能。 這些小部件可能帶有主題，也可以通過 WordPress 插件添加。 您還可以創建自己的自定義小部件來滿足特定需求。

您還可以在 Web 或 WordPress 存儲庫中搜索免費或高級小部件插件，這些插件允許您向 WordPress 側邊欄添加特定功能。 大多數這些插件只是創建一個小部件，當您激活插件時，該小部件會自動在您的小部件部分可用。

您可以將幾種類型的小部件插件添加到 WordPress 側邊欄。 以下是您可以添加到 WordPress 側邊欄的最常見小部件 WordPress 插件的列表：

  • 社交媒體小部件插件
  • 登錄和註冊小部件插件
  • 熱門帖子和最近的帖子小部件插件
  • 簡碼小部件插件
  • 媒體庫和視頻小部件插件
  • 創作小部件插件
  • 搜索小部件插件
  • 電子商務小部件插件
  • 廣告管理小部件插件
  • 自定義代碼小部件插件

WordPress 還附帶了一些默認小部件，當您想在 WordPress 側邊欄上添加常用功能時，它們發揮著重要作用。

示例通過添加社交圖標編輯 WordPress 側邊欄

如果您想在 WordPress 側邊欄上添加社交圖標，添加社交媒體圖標的最簡單方法是使用小部件選項。 以下是您應該採取的步驟：

  1. 尋找一個好的社交媒體圖標小部件插件
  2. 安裝並激活社交媒體圖標插件
  3. 轉到外觀菜單 > 小部件部分，然後將特定的社交媒體插件小部件拖到側邊欄以使其顯示。
  4. 配置設置，例如添加您的社交媒體鏈接並保存設置。

讓我通過添加一個最好的側邊欄社交媒體小部件插件來舉例說明。

搜索最佳社交媒體小部件插件

編輯 WordPress 側邊欄以添加社交媒體圖標的第一步是獲得最好的社交媒體圖標插件。

我將使用這個名為Simple Social Icons的免費插件，您可以從 WordPress 存儲庫下載它，也可以直接在 WordPress 插件儀表板頁面上安裝它。

安裝並激活社交媒體小部件插件

如上圖所示，將插件下載並上傳到插件目錄或直接安裝在儀表板頁面中。 如何編輯側邊欄 wordpress

當你安裝點擊激活按鈕，插件將被激活，社交媒體小部件將可添加到側邊欄。

將社交媒體圖標小部件添加到側邊欄

要將社交媒體小部件添加到側邊欄，您只需將小部件拖放到側邊欄，如下圖所示： 如何編輯側邊欄 wordpress

當您將它拖到那裡時，您現在可以使用向下箭頭打開它，開始配置小部件在側邊欄上的顯示方式。

配置設置並保存更改

您可以配置如下所示的顏色設置鏈接和許多不同的設置，這些設置因側邊欄小部件插件而異。 如何編輯側邊欄 wordpress

保存更改後，訪問前端以查看側邊欄上的更改，您將首次成功編輯 WordPress 側邊欄。

您現在可以看到社交圖標將顯示在正面，如下圖所示：

#2) 通過主題選項編輯 WordPress 側邊欄

編輯 WordPress 側邊欄的第二種方法是使用主題選項。 這是在 WordPress 中為高級主題編輯側邊欄的常用方法。

您需要檢查您當前安裝的 WordPress 主題是否具有從主題選項編輯側邊欄的選項。

大多數情況下，主題選項允許用戶設置側邊欄的佈局顯示以及添加自定義小部件和代碼。

#3) 通過定制器編輯 WordPress 側邊欄

在 WordPress 中編輯側邊欄的第三種方法是使用默認主題定制器。 定制器可能會為您提供添加小部件的選項，如下所示： 如何編輯側邊欄 wordpress

您還可以選擇設置側邊欄的佈局，就像 WooCoomerce 默認主題 - 店面一樣。 在 wordpress 中編輯側邊欄

#4) 通過代碼編輯 WordPress 側邊欄

這是編輯 WordPress 側邊欄的第四種方法，它可能包括幾個自定義選項，從創建多個自定義側邊欄到在 WordPress中添加側邊欄或刪除側邊欄，或者在 WooCommerce 產品頁面中刪除側邊欄。

結論

在本文中，我們概述了編輯 WordPress 側邊欄的所有可能方法，從最簡單到最高級。 這應該是幫助您開始編輯 WordPress 側邊欄的最佳指南。