跳过到主内容
< 返回
当前位置:
打印

小工具和侧边栏

目录

WoodMart 为页面、博客文章、产品归档、单个产品、作品集页面、菜单以及基于小部件的页脚提供了预定义的小部件区域。您还可以创建自定义侧边栏,并将其分配给单个页面或产品。

小部件和侧边栏的工作原理

小部件区域是在外观 → 小部件中可以添加 WordPress 块和小部件的位置。侧边栏是显示在主页面内容旁边的小部件区域。

向小部件区域添加内容并不会自动使侧边栏可见。您还必须在主题设置或单个页面设置中为相关页面类型启用左侧或右侧侧边栏布局。

注意:某些小部件区域和 WoodMart 小部件仅在启用相关功能或插件(如 WooCommerce 或作品集)时才会注册。

向小部件区域添加小部件

  1. 导航至外观 → 小部件
  2. 打开您想要编辑的小部件区域。
  3. 点击+按钮,搜索 WordPress 块或 WoodMart 小部件。
  4. 添加并配置所需内容。
  5. 点击更新以保存小部件区域。

当前的 WordPress 小部件屏幕使用块编辑器。WoodMart 小部件与标准 WordPress 块和小部件出现在同一个插入器中。

在基于 WordPress 块的编辑器小部件中添加小部件

可用的小部件区域

小部件区域显示位置配置
主小部件区域标准页面、博客归档和文章主题设置 → 常规 → 布局 或相关的博客部分
作品集小部件区域作品集归档和项目主题设置 → 作品集
商店页面小部件区域商店和产品归档侧边栏主题设置 → 产品归档 → 侧边栏
商店筛选器产品归档网格上方的筛选区域主题设置 → 产品归档 → 商店筛选器
单个产品页面小部件区域单个产品页面主题设置 → 单个产品
全屏菜单区域全屏菜单中导航下方在主菜单元素中启用全屏菜单
移动端菜单后区域移动端菜单面板中链接下方在 外观 → 小部件 中添加内容
页脚列 1、2、3 等基于小部件的页脚列主题设置 → 页脚

作品集小部件区域仅在启用作品集功能时可用。页脚列区域取决于所选的页脚小部件布局。

主内容和侧边栏对齐的侧边栏位置选项
产品归档侧边栏设置
单个产品侧边栏设置
商店筛选器内容设置
全屏菜单
移动端菜单后区域

配置侧边栏位置

每种支持的页面类型都有其自己的侧边栏布局设置。选择左侧或右侧侧边栏位置以显示相应的小部件区域。

  • 标准页面:主题设置 → 常规 → 布局
  • 博客归档和文章:主题设置 → 博客下的适用部分。
  • 产品归档:主题设置 → 产品归档 → 侧边栏
  • 单个产品:主题设置 → 单个产品
  • 作品集归档和项目:主题设置 → 作品集下的适用部分。

这些部分还包括侧边栏大小和特定设备的抽屉式侧边栏控件。抽屉式侧边栏在正常布局中隐藏,可通过所选设备上的按钮打开。

创建自定义侧边栏

当单个页面或产品需要与默认小部件区域不同的小部件时,请创建自定义侧边栏。

  1. 导航至仪表盘 → 侧边栏 → 添加侧边栏
  2. 输入描述性标题并发布侧边栏。
  3. 导航至外观 → 小部件,向新创建的小部件区域添加内容。
  4. 编辑所需的页面或产品,并打开其 WoodMart 设置
  5. 此页面的自定义侧边栏此产品的自定义侧边栏中选择侧边栏。
  6. 确保选择了左侧或右侧侧边栏布局,然后更新页面或产品。
小部件区域后端

商店筛选器小部件区域

当在主题设置 → 产品归档 → 商店筛选器中启用时,商店筛选器区域显示在产品归档网格上方。

  1. 启用商店筛选器
  2. 商店筛选器内容类型设置为小部件HTML 区块
  3. 对于小部件,在外观 → 小部件中向商店筛选器区域添加筛选器,并在主题设置中配置响应式列和间距。
  4. 对于 HTML 区块,创建一个包含产品筛选器元素的区块,并在商店筛选器 HTML 区块中选择它。
  5. 保存主题设置,并在商店和产品分类页面上测试筛选器。

页脚列小部件区域

页脚内容设置为小部件时,会注册页脚列小部件区域。所选的页脚布局决定了在外观 → 小部件中显示多少个区域。

如需更灵活的页脚,请使用一个 HTML 区块作为完整的页脚内容。有关这两种方法,请参阅设置页脚

WoodMart 小部件

WoodMart 在标准 WordPress 和 WooCommerce 小部件之外增加了专门的小部件。可用性取决于当前激活的插件和主题功能。

商店和产品筛选器

  • WOODMART WooCommerce 分层导航
  • WOODMART 产品分类筛选器
  • WOODMART 价格筛选器
  • WOODMART WooCommerce 排序
  • WOODMART 库存状态

内容和导航

  • WOODMART AJAX 搜索
  • WOODMART 横幅
  • WOODMART HTML 区块
  • WOODMART 作者信息
  • WOODMART 最新文章
  • WOODMART 侧边栏超级菜单

账户和集成

  • WOODMART 用户面板
  • WOODMART Instagram
  • WOODMART Mailchimp
  • WOODMART X (Twitter)

产品归档小部件设置

导航至主题设置 → 产品归档 → 小部件以配置产品分类和筛选小部件的行为。

  • 分类小部件的切换功能:为 WooCommerce 产品分类小部件添加手风琴行为。
  • 筛选小部件的滚动:按高度限制支持的筛选小部件并添加滚动。
  • 筛选小部件的高度:当启用筛选滚动时,设置最大高度(以像素为单位)。
  • 商店侧边栏小部件折叠:禁用折叠、折叠所有小部件,或仅折叠支持的筛选小部件。
产品归档小部件设置