Color Picker
添加颜色选择器字段小部件,以便在 EmDash CMS 内进行编辑器友好的可视化配置。
插件
Color Picker
添加颜色选择器字段小部件,以便在 EmDash CMS 内进行编辑器友好的可视化配置。
颜色选择器是一个专注于编辑器体验的插件:它添加了一个颜色选择器字段小部件,以便管理员可以直观地配置品牌颜色,而不是在纯文本字段中输入十六进制代码。它说明 EmDash 插件不仅适用于大量集成,还可以改善日常编辑用户体验。请参阅 EmDash 存储库中的 packages/plugins/color。
安装
- 从 EmDash 管理员启用颜色选择器插件。
- 在您的内容模型或架构中,将颜色小部件附加到设计人员应选择颜色的字段(主题强调、按钮颜色、类别徽章)。
- 预览管理 UI 以确认选择器呈现并在保存时保留值。
配置
您通常会定义:
- 默认颜色 — 新条目的品牌安全起点。
- 允许的格式 — 十六进制、RGB 或 CSS 变量,具体取决于您的主题所使用的内容。
- 对比度或可访问性提示 - 当某些颜色必须满足 WCAG 与已知背景的对比度时,一些团队会在字段描述中添加注释。
示例(概念): 营销模板可能将 primaryColor 和 secondaryColor 存储为 #2563eb 和 #64748b,通过构建时设置的 CSS 变量在 Astro 组件中引用。
使用场景
- 主题定制 — 每个营销活动都需要稍微不同的口音而无需进行新部署的营销网站。
- 设计系统 - 将调色板选择保留在结构化字段内,而不是分散的内联样式。
- 白标产品 — 合作伙伴在您定义的护栏内选择颜色。
操作技巧
- 记录颜色如何映射到前端标记,以便工程师不会对重复项进行硬编码。
- 如果您需要阻止医疗保健品牌网站上的霓虹灯绿色,请验证保存时的值。
- 导出内容时,请在迁移清单中包含颜色字段,以便重新导入时不会丢失样式。
注册表状态(核实于 2026-10-21): 在当日检查的 EmDash 公开注册表结果中未找到此条目。保留原页面地址以供参考。