WordPress如何将产品分类展示在主页

来自:素雅营销研究院

头像 方知笔记
2025年06月29日 07:25

在WordPress网站中,将产品分类(如WooCommerce商品分类)展示在主页上,可以提升用户体验并方便访客快速找到所需商品。以下是几种常见的方法:

方法一:使用WooCommerce短代码

如果你的网站使用WooCommerce插件管理产品,可以直接在主页的页面编辑器(如Gutenberg或Elementor)中添加短代码来显示分类:

  1. 编辑主页(进入 后台 > 页面 > 主页)。
  2. 在编辑器中添加一个 短代码块,输入以下代码:
[product_categories number="6" columns="3"]
  • number 控制显示的分类数量。
  • columns 设置每行显示的列数。
  1. 更新页面,即可在主页看到产品分类列表。

方法二:通过主题自定义功能

部分WordPress主题(如Astra、OceanWP)支持直接在小工具或主页模块中添加产品分类:

  1. 进入 外观 > 自定义
  2. 找到 主页设置小工具 区域。
  3. 添加一个 分类列表WooCommerce分类 模块,调整显示样式后保存。

方法三:使用页面构建插件(如Elementor)

通过Elementor等可视化编辑器,可以更灵活地设计分类展示:

  1. 使用Elementor编辑主页。
  2. 添加一个 产品分类 小工具(需安装WooCommerce的Elementor扩展)。
  3. 设置分类的布局、数量和样式,预览后发布。

方法四:手动添加分类链接

如果希望自定义分类的展示方式,可以在主页的HTML或文本编辑器中手动插入分类链接:

<ul>
<li><a href="/product-category/分类1/">分类1</a></li>
<li><a href="/product-category/分类2/">分类2</a></li>
</ul>

注意事项

  • 确保已正确设置WooCommerce分类,并发布产品。
  • 部分方法可能需要插件或主题支持,建议提前备份网站。

通过以上方法,你可以轻松将产品分类整合到主页,提升网站导航效率。