外掛

色彩選擇器

在 EmDash CMS 中新增色彩選擇器欄位元件，讓編輯者以視覺方式完成設定。

• 分類: 編輯器體驗
• 狀態: 可用
• 版本: 測試版內建
• 價格: 測試版內建

複製連結 在 Claude 中開啟 在 ChatGPT 中開啟

分享至 X 分享至 LinkedIn 分享至 Reddit

產品詳情

分類

編輯器體驗

狀態

可用

版本

測試版內建

Color Picker 是聚焦編輯體驗的外掛：新增色彩選擇器欄位，讓管理員以視覺方式設定品牌色，而不必在純文字欄位手打十六進位值。這也說明 EmDash 外掛不只服務大型整合——也能改善日常編輯體驗。請見儲存庫中的 packages/plugins/color。

安裝

1. 在 EmDash 管理後台啟用 Color Picker 外掛。
2. 在內容模型或綱要中，把色彩元件掛到設計師需要選色的欄位（主題強調色、按鈕色、分類徽章等）。
3. 預覽後台介面，確認選色器可顯示且儲存後值會保留。

設定

通常會定義：

• 預設色彩 — 新條目的品牌安全起點。
• 允許格式 — 依主題消耗方式選擇 hex、RGB 或 CSS 變數。
• 對比或無障礙提示 — 有些團隊在欄位說明加註，當色彩需在已知背景上符合 WCAG 對比時。

範例（概念）： 行銷樣板可把 primaryColor 與 secondaryColor 存成 #2563eb 與 #64748b，於 Astro 元件透過建置期設定的 CSS 變數引用。

使用情境

• 主題調整 — 行銷站希望每次活動略有不同強調色，但不想重新部署。
• 設計系統 — 把色票收在結構化欄位，而非散落的行內樣式。
• 白牌產品 — 合作夥伴在您設定的範圍內選色。

營運提示

• 文件化色彩如何對應前端代碼權杖，避免工程師重複硬編碼。
• 若需禁止醫療品牌站出現刺眼綠色，可在儲存時驗證。
• 匯出內容時把色彩欄位納入遷移清單，以免重新匯入遺失樣式。