在使用 WooCommerce + WoodMart 主題搭建商城網(wǎng)站時(shí),很多人都會(huì)遇到一個(gè)問(wèn)題:想讓不同頁(yè)面顯示不同的側(cè)邊欄,比如:
- 鞋子分類顯示品牌篩選和尺寸過(guò)濾
- 包包分類展示材質(zhì)篩選和熱門推薦
- 商店主頁(yè)面則顯示通用篩選器和公告
默認(rèn)情況下,WoodMart 可以為頁(yè)面設(shè)置側(cè)邊欄,但如果想實(shí)現(xiàn)更靈活的“條件側(cè)邊欄”,就需要借助插件來(lái)實(shí)現(xiàn)。今天這篇文章就來(lái)教你如何用插件實(shí)現(xiàn) WoodMart 的自定義條件側(cè)邊欄顯示,操作簡(jiǎn)單,新手也能搞定。
![圖片[1]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719111450214-image.png)
為什么需要“條件側(cè)邊欄”?
在多品類商城網(wǎng)站中,不同頁(yè)面的受眾需求不同。統(tǒng)一的側(cè)邊欄會(huì)讓內(nèi)容變得不相關(guān),影響轉(zhuǎn)化。
舉個(gè)例子:
訪問(wèn)“男士運(yùn)動(dòng)鞋”分類頁(yè)面時(shí),用戶最關(guān)心的是品牌、尺碼、顏色
而訪問(wèn)“女士手提包”分類頁(yè)面時(shí),用戶更關(guān)注的是材質(zhì)、風(fēng)格、價(jià)格區(qū)間
這時(shí)候,就需要讓不同分類調(diào)用不同的小工具區(qū)域,也就是“條件側(cè)邊欄”。
實(shí)現(xiàn)工具推薦:Content Aware Sidebars 插件
我們用的是一款免費(fèi)的輕量插件:Content Aware Sidebars
![圖片[2]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719112023742-image.png)
這款插件的優(yōu)點(diǎn):
- 可按頁(yè)面、分類、標(biāo)簽、自定義文章類型等設(shè)置顯示條件
- 支持多個(gè)側(cè)邊欄替換原有的主題默認(rèn)側(cè)邊欄
- 和 WoodMart 完美兼容,無(wú)需寫代碼
操作步驟:給不同產(chǎn)品分類設(shè)置不同的側(cè)邊欄
步驟 1:安裝插件
- WordPress 后臺(tái) → 插件 → 安裝插件
- 搜索
Content Aware Sidebars
- 點(diǎn)擊“安裝” → “激活”
![圖片[3]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719112120242-image.png)
步驟 2:創(chuàng)建一個(gè)新側(cè)邊欄
- 后臺(tái)左側(cè)菜單找到“Sidebars” → 點(diǎn)擊“Add New”
![圖片[4]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719112244844-image.png)
- 輸入側(cè)邊欄名稱(比如“鞋子分類側(cè)邊欄”)
- 在“Replace Sidebar”中,選擇要替換的默認(rèn)側(cè)邊欄(通常是
Shop Sidebar
或 WoodMart 定義的widget area
)
![圖片[5]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719112627199-image.png)
- 點(diǎn)擊“Conditions”設(shè)置顯示條件:
- 條件類型選擇:Taxonomy → Product Categories
- 選中你希望這個(gè)側(cè)邊欄顯示在哪些產(chǎn)品分類(比如“運(yùn)動(dòng)鞋”)
![圖片[6]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719112927297-image.png)
- 你也可以設(shè)置為僅限某一頁(yè)面或標(biāo)簽頁(yè)
![圖片[7]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719140956956-image.png)
- 保存?zhèn)冗厵?/li>
步驟 3:配置側(cè)邊欄內(nèi)容
- 后臺(tái) → 外觀 → 小工具
- 找到剛剛創(chuàng)建的新側(cè)邊欄,比如“鞋子分類側(cè)邊欄”
- 拖入你需要的小工具(例如篩選器、品牌列表、自定義HTML)
- 保存設(shè)置
![圖片[8]-WoodMart 條件側(cè)邊欄設(shè)置教程:使用插件輕松實(shí)現(xiàn)頁(yè)面控制](http://gqxi.cn/wp-content/uploads/2025/07/20250719141321275-image.png)
現(xiàn)在,當(dāng)用戶訪問(wèn)你設(shè)置的產(chǎn)品分類頁(yè)面時(shí),就會(huì)看到你專屬定制的側(cè)邊欄了!
常見(jiàn)拓展用法
- 給每一個(gè)分類設(shè)置專屬側(cè)邊欄(適合多品類商城)
- 給促銷頁(yè)面、品牌專頁(yè)使用特殊側(cè)邊欄(用于引導(dǎo)用戶購(gòu)買)
- 給登錄用戶和未登錄用戶顯示不同側(cè)邊欄(配合會(huì)員插件)
總結(jié)
使用 Content Aware Sidebars 插件,你可以輕松為 WoodMart 商城實(shí)現(xiàn)頁(yè)面級(jí)別的側(cè)邊欄控制,不再局限于單一布局。特別適合做垂直細(xì)分、多分類、多品牌商城的網(wǎng)站,能大大提升頁(yè)面相關(guān)性和轉(zhuǎn)化率。
如果你正在用 WoodMart,強(qiáng)烈推薦嘗試這個(gè)方案,簡(jiǎn)單、高效、無(wú)代碼!
聯(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é)假日休息 |
暫無(wú)評(píng)論內(nèi)容