如何在 WoodMart 主題中設(shè)置歸檔頁、博客頁和文章頁的側(cè)邊欄

在使用 WoodMart 主題構(gòu)建電商或內(nèi)容型網(wǎng)站時(shí),為歸檔頁面(如產(chǎn)品列表頁)、博客首頁和單篇文章頁配置合適的側(cè)邊欄小工具區(qū)域,能有效提升頁面結(jié)構(gòu)性與瀏覽效率。以下是完整設(shè)置教程:

圖片[1]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程

一、設(shè)置產(chǎn)品歸檔頁(Shop Page)的側(cè)邊欄

  • 打開后臺(tái),進(jìn)入WoodMart > Theme Settings > Products Archive
圖片[2]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • 點(diǎn)擊 Sidebar 選項(xiàng)
  • 設(shè)置側(cè)邊欄位置為 Left(左側(cè))Right(右側(cè)),應(yīng)用于整個(gè)產(chǎn)品歸檔頁(即商店頁面)
圖片[3]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程

二、管理側(cè)邊欄小工具內(nèi)容

  • 前往外觀 > 小工具(Appearance > Widgets)
圖片[4]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • 找到 Shop 頁面對應(yīng)的 Widget 區(qū)域
圖片[5]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • 在該區(qū)域中添加以下組件:
    • WooCommerce 產(chǎn)品篩選器(Filters)
    • 產(chǎn)品分類(Product Categories)
    • 搜索框、價(jià)格篩選器等其他小工具
    這些組件將出現(xiàn)在你的產(chǎn)品歸檔頁面?zhèn)冗厵?,用于幫助用戶快速篩選和定位產(chǎn)品。
圖片[6]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程

三、啟用頂部篩選功能(Shop Filters)

  • 打開WoodMart > Theme Settings > Product Archive
  • 點(diǎn)擊 Shop Filters
  • 啟用 Shop Filter 開關(guān),激活頂部篩選條功能
圖片[7]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程

四、設(shè)置博客頁與文章頁的側(cè)邊欄

  • 前往WoodMart > Theme Settings > General > Layout
圖片[8]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • 在布局設(shè)置中,將 Sidebar 位置設(shè)置為 LeftRight
圖片[9]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • 此設(shè)置會(huì)應(yīng)用于:
    • 博客首頁(Blog Page)
    • 單篇文章頁(Single Post)
    • 其他默認(rèn) WordPress 頁面(如 About、Contact)
  • 返回外觀 > 小工具(Widgets)
圖片[10]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程
  • Blog Widget Area 中添加你希望顯示的內(nèi)容組件,如:
    • 最新文章
    • 分類目錄
    • 標(biāo)簽云
    • 自定義 HTML

小結(jié)

使用 WoodMart 主題時(shí),合理配置側(cè)邊欄不僅可以優(yōu)化頁面排布,還能提升網(wǎng)站信息的展示效率。無論是商店頁面的商品篩選,還是博客頁面的閱讀輔助,側(cè)邊欄都是提升網(wǎng)站結(jié)構(gòu)感的重要組成部分。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:賊將鼠膽
THE END
喜歡就支持一下吧
點(diǎn)贊4923 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容