WoodMart 页面侧边栏布局切换完整教程

在使用 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 插件,或自定义模板实现更多布局组合。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注