Color Picker
Aggiungi un widget del campo di selezione colore per una configurazione visiva intuitiva per l'editor all'interno di EmDash CMS.
Estensione
Color Picker
Aggiungi un widget del campo di selezione colore per una configurazione visiva intuitiva per l'editor all'interno di EmDash CMS.
Color Picker è un plug-in focalizzato sull’esperienza dell’editor: aggiunge un widget del campo di selezione del colore in modo che gli amministratori possano configurare visivamente i colori del marchio invece di digitare codici esadecimali in campi di testo semplice. Dimostra che i plugin EmDash non sono solo per integrazioni pesanti, ma migliorano anche la UX di modifica quotidiana. Vedere packages/plugins/color nel repository EmDash.
Installazione
- Abilita il plugin Color Picker dall’amministratore EmDash.
- Nel tuo modello o schema di contenuto, collega il widget colore ai campi in cui i designer dovrebbero scegliere i colori (accenti del tema, colori dei pulsanti, badge di categoria).
- Visualizza l’anteprima dell’interfaccia utente di amministrazione per verificare che il selettore esegua il rendering e mantenga i valori al salvataggio.
Configurazione
Solitamente definirai:
- Colori predefiniti: punti di partenza sicuri per il marchio per i nuovi arrivi.
- Formati consentiti: variabili esadecimali, RGB o CSS a seconda di ciò che consuma il tuo tema.
- Suggerimenti per contrasto o accessibilità: alcuni team aggiungono note nelle descrizioni dei campi quando determinati colori devono soddisfare il contrasto WCAG rispetto a sfondi noti.
Esempio (concettuale): un modello di marketing potrebbe archiviare primaryColor E secondaryColor COME #2563eb E #64748b, a cui si fa riferimento nei componenti Astro tramite variabili CSS impostate in fase di creazione.
Scenari di utilizzo
- Personalizzazione del tema: siti di marketing in cui ogni campagna necessita di un accento leggermente diverso senza nuove implementazioni.
- Sistemi di progettazione: mantieni le scelte della tavolozza all’interno di campi strutturati invece di stili in linea sparsi.
- Prodotti white label: i partner scelgono i colori all’interno dei guardrail da te definiti.
Consigli operativi
- Documenta il modo in cui i colori vengono mappati sui token frontend in modo che gli ingegneri non codifichino duplicati.
- Convalida i valori al salvataggio se è necessario bloccare i verdi neon sul sito di un marchio sanitario.
- Quando esporti contenuti, includi i campi colore nell’elenco di controllo della migrazione in modo che le reimportazioni non perdano lo stile.
Stato del registro (verificato il 21-10-2026): Questo pacchetto non era presente nei risultati del registro pubblico EmDash controllati in questa data. L’indirizzo della pagina esistente viene mantenuto come riferimento.