跳到主要内容

扩展程序指南

本部分涵盖一般指南,以及为了确保您的产品体验与 WooCommerce 保持一致,以实现易用性、无缝集成和广泛采用,应遵循的最佳实践。

我们强烈建议您查看当前的 WooCommerce 设置体验,以熟悉用户体验和分类法。

我们还建议您查看 WordPress 核心指南,以确保您的产品不违反任何规则,并查看 此有用的资源,了解内容样式。

一般

请使用现有的 WordPress/WooCommerce 用户界面、内置的组件(文本字段、复选框等)以及现有的菜单结构。

使用 WordPress 核心设计美学的插件将受益于此设计未来的更新,因为 WordPress 将继续发展。 如果您的产品需要做出例外,请准备好提供有效的用例。

组件库 - Storybook

Storybook 是一个用于在隔离的环境中开发 UI 组件的开源工具,适用于 React、React Native 等。它使构建精美的 UI 变得井然有序且高效。

WooCommerce 仓库还包括 Storybook 集成,允许在与 WooCommerce 无关的上下文中进行测试和开发。 这对于开发可重用的组件以及在没有后端依赖的情况下尝试通用的 JavaScript 模块非常有用。

您可以通过在本地运行 pnpm --filter=@woocommerce/storybook watch:build 来启动 Storybook。 它将自动在您的浏览器中打开。

您还可以查看 GitHub Pages 上当前 trunk 分支的 Storybook:https://woocommerce.github.io/woocommerce