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 公開註冊表結果中未找到此項目。保留原頁面網址供參考。