在使用 WoodMart 主題構(gòu)建電商或內(nèi)容型網(wǎng)站時(shí),為歸檔頁面(如產(chǎn)品列表頁)、博客首頁和單篇文章頁配置合適的側(cè)邊欄和小工具區(qū)域,能有效提升頁面結(jié)構(gòu)性與瀏覽效率。以下是完整設(shè)置教程:
![圖片[1]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530104926313-image.png)
一、設(shè)置產(chǎn)品歸檔頁(Shop Page)的側(cè)邊欄
- 打開后臺(tái),進(jìn)入WoodMart > Theme Settings > Products Archive
![圖片[2]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530105103593-image.png)
- 點(diǎn)擊 Sidebar 選項(xiàng)
- 設(shè)置側(cè)邊欄位置為 Left(左側(cè)) 或 Right(右側(cè)),應(yīng)用于整個(gè)產(chǎn)品歸檔頁(即商店頁面)
![圖片[3]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530105122484-image.png)
二、管理側(cè)邊欄小工具內(nèi)容
- 前往外觀 > 小工具(Appearance > Widgets)
![圖片[4]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530105206140-image.png)
- 找到 Shop 頁面對應(yīng)的 Widget 區(qū)域
![圖片[5]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530105610307-image.png)
- 在該區(qū)域中添加以下組件:
- WooCommerce 產(chǎn)品篩選器(Filters)
- 產(chǎn)品分類(Product Categories)
- 搜索框、價(jià)格篩選器等其他小工具
![圖片[6]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530105642264-image.png)
三、啟用頂部篩選功能(Shop Filters)
- 打開WoodMart > Theme Settings > Product Archive
- 點(diǎn)擊 Shop Filters
- 啟用 Shop Filter 開關(guān),激活頂部篩選條功能
![圖片[7]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530110339932-image.png)
四、設(shè)置博客頁與文章頁的側(cè)邊欄
- 前往WoodMart > Theme Settings > General > Layout
![圖片[8]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530110517137-image.png)
- 在布局設(shè)置中,將 Sidebar 位置設(shè)置為 Left 或 Right
![圖片[9]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530110554349-image.png)
- 此設(shè)置會(huì)應(yīng)用于:
- 博客首頁(Blog Page)
- 單篇文章頁(Single Post)
- 其他默認(rèn) WordPress 頁面(如 About、Contact)
- 返回外觀 > 小工具(Widgets)
![圖片[10]-WoodMart 主題設(shè)置側(cè)邊欄與頂部篩選功能完整教程](http://gqxi.cn/wp-content/uploads/2025/05/20250530110612578-image.png)
- 在 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é)假日休息 |
THE END
暫無評論內(nèi)容