在使用 WoodMart 主题构建 WooCommerce 商店或博客网站时,侧边栏的布局会直接影响页面排版、模块展示以及转化效率。WoodMart 提供了强大的布局自定义功能,支持轻松切换左右侧边栏位置,甚至在不同页面设置不同的侧边栏位置。
如果你希望将侧边栏从右边改到左边,或者只在某些页面启用侧边栏,本教程将一步步教你操作。
一、页面级别设置:为单独页面切换左右侧边栏
操作步骤:
后台进入页面列表,编辑你需要修改的页面(如商店、博客等)
向下滚动,找到 布局(Layout)带左侧边栏(Sidebar Left)
带右侧边栏(Sidebar Right)
无侧边栏(Full width)选择你想要的布局后,点击右上角“更新”保存
提示:此设置只影响当前页面,适合针对首页、商店页、博客主页等做个性化布局。
二、博客文章设置侧边栏位置
单篇文章:
和页面一样,编辑某一篇文章
页面下方找到 Sidebar
设置布局为左或右侧边栏
整体博客归档页:
后台 → WoodMart → Theme Settings(主题设置)
进入 Blog → Blog Layout
设置博客页面布局:左侧边栏(Left Sidebar)
右侧边栏(Right Sidebar)
全宽(No Sidebar)
三、商店页面(Shop Page)设置
后台 → WoodMart → Theme Settings
找到 Shop → Shop Layout
设置 Sidebar Position 为:Left
Right
Without Sidebar
保存设置
这会影响整个商店页面及归档页面的布局结构,非常适合统一商城风格。
四、使用 Elementor 的页面布局中切换
如果页面是通过 Elementor 编辑的,建议在 Elementor 中:
点击页面最外层 Section(区块)
在“布局”中选择两栏结构
拖入“Sidebar”小工具到你想放置的位置(左或右)
但 Elementor 的自由布局不受 WoodMart 的页面设置影响,适合自定义页面。
常见问题解答(FAQ)
Q:切换后侧边栏没有显示怎么办?
A:请确认你已在后台小工具中为该页面或分类指定了侧边栏内容,并选择了正确的布局结构。
Q:我想首页无侧边栏,其他页面带侧边栏可以吗?
A:完全可以,WoodMart 支持每个页面单独配置布局。
Q:是否支持移动端自动隐藏侧边栏?
A:支持,在主题设置中开启响应式控制,移动端下侧边栏会自动下移或隐藏。
总结
无论是商城页面、分类页面,还是博客或自定义页面,WoodMart 都提供了直观而灵活的方式切换左右侧边栏布局。只需几步,就能根据页面用途和视觉设计轻松调整,提升整体美观度与实用性。
如果希望进一步个性化侧边栏内容,还可以结合 Elementor、Widget 插件,或自定义模板实现更多布局组合。