woocommerce/docs/extensions/ux-guidelines-extensions
2026-04-15 10:18:01 +08:00
..
zh-cn docs: add 895 translated files 2026-04-15 10:18:01 +08:00
accessibility.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
best-practices.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
colors.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
navigation.md docs: add 206 translated files 2026-04-03 17:34:26 +08:00
notices.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
onboarding.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
README.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
settings.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
task-list-and-inbox.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00
testing.md docs: add 260 translated files 2026-03-09 19:53:58 +08:00

title post_status comment_status taxonomy
扩展程序指南 publish open
category post_tag
woocommerce
Ux Guidelines Extensions
Extensions
Repos

扩展程序指南

本部分涵盖一般指南,以及为了确保您的产品体验与 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 分支的 Storybookhttps://woocommerce.github.io/woocommerce