快速摘要#
- 添加一个易于识别的图标，用于您的自定义状态。
- 设置颜色和文本背景颜色，让徽章清晰易读。
- 通过以下选项选择其在列表中的显示方式：状态视图 (名称或图标)。
- 在以下位置预览效果：WooCommerce → 订单。
打开状态编辑器#
请前往：WooCommerce → 订单 → Order Status → 编辑（选择一个状态）或添加新项（创建新状态）。
替代文本：从 WooCommerce → 订单 → Order Status 打开的状态编辑器。
图片说明：“从订单 → Order Status 打开状态编辑器。”
添加图标#
点击添加图标，然后选择一个简洁、能表达含义的图标。避免过于复杂的形状，优先选择轮廓清晰的图标。
替代文本：自定义状态的图标选择器已打开。
图片说明：“选择一个简洁、易于识别的图标。”
替代文本：已应用到状态的所选图标。
图片说明：“确认图标已分配。”
选择徽章颜色#
使用颜色（文本/图标）和文本背景颜色（徽章背景），以确保对比度并便于快速浏览。
替代文本：文本/图标和徽章背景的颜色选择器已打开。
图片说明：“设置文本/图标颜色和徽章背景。”
对比度建议#
- 请使用深色文字搭配浅色背景，或浅色文字搭配深色背景。
- 避免低对比度的配色（例如浅灰色背景上的中灰色）。
- 在所有状态中保持一致的配色方案。
替代文本：高对比度与低对比度状态徽章的对比。
图片说明：“为了便于阅读，请优先选择高对比度的配色。”
状态视图：名称与图标#
控制状态在订单表格中的呈现方式。
- 名称：显示文字标签（对所有用户都最清晰）。
- 图标：用图标替代文字（适合团队能够识别这些符号的情况）。
替代文本：打开的状态视图下拉菜单，含名称和图标选项。
图片说明：“选择显示名称还是仅显示图标。”
在订单中预览#
保存状态并打开 WooCommerce → 订单，一眼检查是否清晰易读。
- 请检查徽章在状态列中的显示。
- 如果使用图标视图，请确保图标含义一目了然。
替代文本：订单视图，徽章分别以名称和图标形式呈现。
图片说明：“在订单列表中检查可读性和一致性。”
最佳实践#
- 重复使用 2-4 种核心颜色来对阶段进行分组（例如蓝色 = 进行中，绿色 = 已完成，红色 = 受阻）。
- 预留红色/黄色，专门用于警示或需要关注的状态。
- 不要仅依赖颜色：文字或图标必须清晰明了。
故障排除#
- 徽章颜色太淡/难以阅读：请提高对比度（文字与背景之间）。
- 图标令人困惑：请改用更简单的符号或使用状态视图 = 名称。
- 订单中没有变化：请保存状态并刷新页面；如果您使用缓存插件，请清除缓存。
更新于 2026年4月20日 · 需要帮助？请提交支持工单