掌握WooCommerce短代码：WordPress建站的终极指南

作者：悦然WordPress建站(悦然建站）

（此处已添加小程序，请到今日头条客户端查看）

今天，我们将继续深入探讨wordpress建站的知识。悦然建站将为大家介绍WooCommerce插件的短代码使用技巧，同时也作为我个人的记录，回顾之前的wordpress外贸建站项目中如何利用WooCommerce短代码，使得操作变得极为便捷。通过短代码的应用，我们能够实现那些通常需要付费插件才能获得的功能。

WooCommerce短代码应用实例

参考文章：wordpress主题安装教程-如何轻松完成wordpress主题的安装

在之前的一个wordpress外贸建站主题中，使用了ELEMENTOR编辑器，设置首页产品展示的过程必须在该编辑器内进行，如上所示的图片所示。

参考文章：wordpress零基础建站教程-从零开始轻松搭建wordpress网站的实用指南

然而，免费版的ELEMENTOR编辑器在默认设置下并未包含WooCommerce商城的相关组件，用户需要购买专业版才能使用这些功能。那么，解决方案是什么呢？这时候，WooCommerce短代码便能够派上用场。实际上，上述图示中的产品展示效果涉及数量、类别、分类、产品属性及日期等多个方面，而这些都可以通过WooCommerce短代码来实现。我们可以使用以下短代码来达到目的：

[products limit="4" columns="4" category="new-collection" cat_operator="AND" orderby="date"]

在短代码中，category部分只需填写实际的产品分类名称即可。

掌握WooCommerce短代码的全部技巧

参考文章：wordpress网站建设教程视频-轻松掌握wordpress网站搭建技巧

如上图所示，我们通过WooCommerce的短代码实现了许多付费插件才能达到的效果。

实际上，WooCommerce的短代码提供了更多功能。接下来，悦然建站将分享一些常用的WooCommerce短代码及其官方说明，供大家参考和灵活应用。

WooCommerce短代码汇总

页面短代码

[woocommerce_cart]
– 展示购物车页面
[woocommerce_checkout]
– 展示结账页面
[woocommerce_my_account]
– 展示用户账户页面
[woocommerce_order_tracking]– 展示订单跟踪表单

购物车短代码

[woocommerce_cart]

结账短代码

[woocommerce_checkout]

我的账户短代码

[woocommerce_my_account]

订单查询短代码

[woocommerce_order_tracking]

产品展示短代码

[products]

在众多短代码中，产品展示短代码使用频率最高。我们之前的案例正是基于此短代码进行的，借助以下属性可以实现多样化的展示效果。

显示产品属性

• limit– 要显示的产品数量。默认情况下，-1表示显示全部产品。
• columns– 显示的列数，默认为4。
• paginate– 控制分页功能，默认值为false，设置为true时启用分页。
• orderby– 按指定选项排序产品，多个选项以空格分隔。可选项包括：date（发布日期）、id（产品ID）、menu_order（菜单顺序）、popularity（购买数量）、rand（随机排序）、rating（产品评分）和title（产品标题，默认排序方式）。
• skus – 产品SKU的逗号分隔列表。
• category – 以逗号分隔的类别列表。
• tag – 以逗号分隔的标签列表。
• order– 设置排序方式为升序（ASC）或降序（DESC），默认值为ASC。
• class – 添加HTML类以便使用自定义CSS修改输出。
• on_sale – 检索特价产品，不可与best_selling或top_rated同时使用。
• best_selling– 检索最畅销的产品，不可与on_sale或top_rated同时使用。
• top_rated – 检索高评分产品，不可与on_sale或best_selling同时使用。

内容产品属性

• attribute – 根据指定的属性段检索产品。
• terms– 与属性一同使用的术语的逗号分隔列表。
• terms_operator– 用于比较属性术语的操作符。可选项包括：AND（显示所有选定属性的产品）、IN（显示具有所选属性的产品，为默认值）和NOT IN（显示不符合所选属性的产品）。

产品展示操作指南

• 标签操作符 — 用于比较标签的选项。可选择的有： AND — 显示所有选择的标签所对应的产品； IN — 展示包含选定标签的产品，这也是默认的标签操作符； NOT IN — 显示不包含所选标签的产品。
• 可见性 — 根据选择的可见性设置展示产品。选项包括： visible — 在商店和搜索结果中均可见的产品，这是默认的可见性选项； catalog — 仅在商店中可见的产品，搜索结果中则不可见； search — 仅在搜索结果中展示的产品，而在商店中不可见； hidden — 在商店和搜索结果中均隐藏的产品，仅可通过直接链接访问； featured — 标记为特色产品的商品。

• 类别 — 基于指定类别块进行产品检索。
• 标签 — 根据特定标签进行产品检索。
• 类别操作符 — 用于比较类别术语的选项。可选的包括： AND — 显示所有选定类别中的产品； IN — 显示属于所选类别的产品，这也是默认类别操作符； NOT IN — 展示不在所选类别中的产品。

• IDs — 根据以逗号分隔的帖子ID列表展示产品。
• SKU — 根据以逗号分隔的SKU列表展示产品。

​补充说明：要查看产品的ID，只需将鼠标悬停在产品上，即可看到其ID。

特别产品属性

这些属性不可与前述的“内容属性”同时使用，以避免潜在的冲突，因此应仅使用以下特殊属性之一。

• best_selling — 展示您最畅销的商品，必须设置为true。
• on_sale — 展示正在促销的产品，必须设置为true。

产品调用短代码实例

1、展示随机商品

[products limit="4" columns="4" orderby="rand" class="quick-sale"]

说明：class=”quick-sale”为相应的CSS类，可以根据需要添加，通常我们可以不添加，保留默认样式即可。

2、展示特色产品

[products limit="4" columns="4" visibility="featured"]

3、展示最佳销售产品

[products limit="3" columns="3" best_selling="true"]

4、展示最新产品

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]

5、指定类别的产品

[products limit="8" columns="4" category="hoodies,tshirts" cat_operator="AND"]

在此，category对应分类，如果希望显示除了某一分类以外的其他产品，只需将最后的AND改为NOT IN。

6、按属性展示产品

[products columns="3" attribute="season" terms="warm" orderby="date"]

7、展示特定标签的产品

产品类别展示方式

您可以使用以下两个短代码在任意页面上展示产品类别。

[product_category] – 该代码用于显示特定类别下的产品。
[product_categories] – 该代码用于列出您所有的产品类别。

可用的产品类别设置属性

• ids – 列出特定类别的ID
• limit – 显示的类别数量
• columns – 设定显示的列数，默认为4
• hide_empty – 默认值为“1”，表示隐藏空类别。若设置为“0”，则显示空类别
• parent – 设置为特定类别ID以显示所有子类别
• orderby – 默认按“名称”排序，可以改为“id”、“slug”或“menu_order”。若需按指定ID排序，使用orderby=”include”
• order – 指定类别排序方式，升序（ASC）或降序（DESC），默认为ASC。

仅显示顶级分类的产品

[product_categories number="0" parent="0"]

按ID或SKU展示产品

[product_page id="99"]
[product_page sku="FOO"]

显示相关产品信息

[related_products limit="12"]

以上提到的所有WooCommerce短代码信息均来源于网络及WooCommerce的官方文档。如有疑问，请访问WooCommerce官方网站获取更多教程。