Selettore colore
Aggiunge un widget campo selettore colore per una configurazione visuale comoda per gli editor in EmDash CMS.
Estensione
Selettore colore
Aggiunge un widget campo selettore colore per una configurazione visuale comoda per gli editor in EmDash CMS.
Dettagli prodotto
- Categoria
- Esperienza editor
- Stato
- Disponibile
- Versione
- Incluso nella beta
Color Picker è un plugin mirato all’esperienza in admin: aggiunge un widget per scegliere i colori così gli amministratori configurano il brand in modo visivo invece di digitare hex in campi di testo. Mostra che i plugin EmDash non servono solo alle integrazioni pesanti — migliorano anche l’editing quotidiano. Vedi packages/plugins/color nel repository EmDash.
Installazione
- Abilita Color Picker dall’admin EmDash.
- Nel modello o schema dei contenuti collega il widget colore ai campi in cui i designer devono scegliere colori (accenti del tema, pulsanti, badge di categoria).
- Anteprima dell’admin per verificare che il picker si renderizzi e salvi i valori.
Configurazione
Di solito definisci:
- Colori predefiniti — punti di partenza sicuri per il brand sulle nuove voci.
- Formati consentiti — hex, RGB o variabili CSS a seconda di cosa consuma il tema.
- Suggerimenti su contrasto o accessibilità — alcuni team aggiungono note nelle descrizioni quando certi colori devono rispettare WCAG su sfondi noti.
Esempio (concettuale): un template marketing può salvare primaryColor e secondaryColor come #2563eb e #64748b, referenziati nei componenti Astro tramite variabili CSS a build time.
Scenari d’uso
- Personalizzazione del tema — siti marketing dove ogni campagna vuole un accento diverso senza nuovo deploy.
- Design system — tenere le scelte di palette in campi strutturati invece di stili inline sparsi.
- Prodotti white-label — i partner scelgono colori entro i vincoli che definisci.
Suggerimenti operativi
- Documenta come i colori mappano ai token frontend per evitare duplicati hardcoded.
- Valida i valori al salvataggio se devi bloccare verdi accesi su un brand healthcare.
- In export includi i campi colore nella checklist di migrazione così le re-importazioni non perdono lo styling.