跳到主要内容

模板和示例商店数据

WooCommerce 提供了多种入门套件和模板，具体取决于您正在构建的内容。

入门主题​

如果您正在设计一个 WooCommerce 商店，您有两种主题开发选项：经典主题和区块主题。

  • 经典主题使用 PHP 模板来覆盖商店中的关键页面设计，包括产品页面、产品归档、购物车和结账页面。虽然使用经典主题的网站可以使用 WordPress 区块编辑器，但许多模板无法在编辑器中直接编辑。
  • 区块主题使用 WordPress 站点编辑器来生成 WordPress 站点的所有方面，包括页眉和页脚、产品页面、归档、购物车和结账页面。在站点编辑器中构建的设计可以导出为纯 HTML 文件，但这些文件通常在 WordPress 编辑器中进行编辑。

Storefront 主题 (经典)​

Storefront 是 Woo 的旗舰经典主题，可在 WordPress 主题目录 中找到。您可以重命名并修改主题本身，也可以使用子主题来覆盖其特定方面。

有关构建经典 WooCommerce 主题的更多信息，请阅读我们的经典主题开发手册。有关创建子区块主题的综合指南以及了解经典主题和区块主题之间的差异，请参阅 WooCommerce 区块主题开发 和 WordPress 区块子主题开发。

区块入门主题​

如果您是完全不了解区块主题开发，请查看 开发您的第一个低代码区块主题，以了解区块主题开发，并在准备创建新主题时，探索 Create Block Theme 插件 工具。

有关更多信息，请查看我们的 区块主题开发手册。

扩展模板​

@woocommerce/create-woo-extension​

Create Woo Extension 是一个 NPX 命令，用于为您的商店生成完整的 WooCommerce 扩展。生成的扩展程序包含一个基于 React 的设置页面，与 WooCommerce 后台集成。此外，还包括 PHP 和 JavaScript 单元测试、代码检查和 Prettier IDE 配置，适用于 WooCommerce 和 WordPress。

阅读我们关于使用 create-woo-extension 包 的完整教程。

@woocommerce/extend-cart-checkout-block​

这是一个模板，用于与 @wordpress/create-block 配合，创建一个 WooCommerce Blocks 扩展的起点。要安装和使用它，请按照 @woocommerce/extend-cart-checkout-block 中的说明进行操作。请注意，这个示例包含多个其他扩展性的示例，而不仅仅是内部块。

WooCommerce 后台扩展示例​

在 WooCommerce 插件中，有一组示例扩展，展示了修改 WooCommerce 核心功能的各种用例。一些示例包括添加自定义报告、自定义支付网关以及修改 WooCommerce 仪表盘。

阅读我们的完整教程，了解 如何扩展 WooCommerce 分析报告。

相关的 WordPress 框架​

默认 WordPress 主题​

默认的 WordPress 主题（截至本文编写时为 Twenty-Twenty Five）是一个了解 WordPress 块主题的最佳实践和标准规范的绝佳场所。使用 Create Block Theme 工具，您可以从网站编辑器中修改主题设计，然后将您的新设计导出到自定义子主题。

@wordpress/create-block​

如果您正在向 WordPress 添加额外的内容或设计元素，那么创建一个自定义块可能是一个不错的选择。WordPress 块编辑器软件包库包含一个名为 WordPress Create Block 的脚手架工具，该工具可以帮助您创建可以插入到任何网页或模板中的自定义块。

了解更多关于 wordpress/create-block 软件包 的信息。

示例商店数据​

核心插件示例数据​

加载一些示例数据到您的本地商店可能很有帮助。在 WooCommerce 核心插件中，您可以找到 CSV 和 XML 文件，这些文件可以直接导入到 WooCommerce 中，可以使用 WordPress 后台或 WC-CLI。示例数据位于 /plugins/woocommerce/sample-data/。

Smooth Generator​

对于更高级的测试，您可能需要一些示例客户和订单数据。Smooth Generator 是一款插件，可帮助您生成与 WooCommerce 相关的测试数据。使用 WP 后台界面进行基本操作，或使用 CLI 工具进行更高级的功能。从 发布页面 下载并安装最新版本，并浏览存储库以获取更多文档。