在WordPress網(wǎng)站中,側(cè)邊欄(Sidebar)是一個常見的功能區(qū)域,通常用于展示小工具(Widgets),如最新文章、分類目錄、搜索框等。默認情況下,WordPress的主題可能只在文章或博客頁面顯示側(cè)邊欄,但有時我們需要在自定義頁面中添加側(cè)邊欄。本文將詳細介紹如何在WordPress頁面中添加側(cè)邊欄。
方法一:使用主題自帶的側(cè)邊欄功能
許多WordPress主題(如Astra、GeneratePress、OceanWP等)提供了內(nèi)置的側(cè)邊欄選項,可以通過主題設(shè)置或頁面編輯器直接啟用。
- 檢查主題設(shè)置
- 進入 外觀 > 自定義(Appearance > Customize)。
- 查找 側(cè)邊欄 或 布局(Sidebar/Layout)選項。
- 選擇是否在頁面中顯示側(cè)邊欄,并調(diào)整其位置(左/右)。
- 在頁面編輯器中設(shè)置
- 編輯目標頁面,在 頁面屬性(Page Attributes)或 主題設(shè)置 中查看是否有側(cè)邊欄選項。
- 部分主題(如Divi、Elementor兼容主題)允許通過頁面模板選擇是否顯示側(cè)邊欄。
方法二:通過小工具(Widgets)添加側(cè)邊欄
如果主題支持自定義側(cè)邊欄,可以手動添加:
- 注冊側(cè)邊欄(適用于開發(fā)者)
在主題的
functions.php
文件中添加以下代碼:
function my_custom_sidebar() {
register_sidebar( array(
'name' => '自定義側(cè)邊欄',
'id' => 'custom-sidebar',
'description' => '這是一個自定義側(cè)邊欄',
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'my_custom_sidebar' );
保存后,在 外觀 > 小工具 中即可看到新增的側(cè)邊欄。
- 在頁面模板中調(diào)用側(cè)邊欄
編輯頁面模板(如
page.php
或自定義模板),在需要顯示側(cè)邊欄的位置插入:
<?php if ( is_active_sidebar( 'custom-sidebar' ) ) : ?>
<aside class="sidebar">
<?php dynamic_sidebar( 'custom-sidebar' ); ?>
</aside>
<?php endif; ?>
方法三:使用插件添加側(cè)邊欄
如果不想修改代碼,可以使用插件實現(xiàn):
- 安裝插件 推薦插件:
- Custom Sidebars(允許為不同頁面設(shè)置不同側(cè)邊欄)
- Widget Options(可控制小工具的顯示條件)
- 配置側(cè)邊欄
- 安裝插件后,進入 外觀 > Widgets 或插件提供的設(shè)置界面。
- 創(chuàng)建新的側(cè)邊欄,并拖拽所需小工具。
- 在頁面編輯器中,選擇要顯示的側(cè)邊欄(部分插件支持條件顯示)。
總結(jié)
在WordPress頁面中添加側(cè)邊欄有多種方法,用戶可以根據(jù)自身需求選擇:
- 主題自帶功能:適合簡單需求,無需額外設(shè)置。
- 代碼自定義:適合開發(fā)者或需要高度定制的用戶。
- 插件輔助:適合不想修改代碼的非技術(shù)用戶。
通過以上方法,你可以輕松為WordPress頁面添加側(cè)邊欄,提升網(wǎng)站的功能性和用戶體驗!