Sélecteur de couleur
Ajoutez un champ sélecteur de couleur pour une configuration visuelle conviviale dans EmDash CMS.
Extension
Sélecteur de couleur
Ajoutez un champ sélecteur de couleur pour une configuration visuelle conviviale dans EmDash CMS.
Détails du produit
- Catégorie
- Expérience éditeur
- Statut
- Disponible
- Version
- Inclus dans la bêta
Color Picker est un plugin ciblé sur l’expérience éditeur : il ajoute un widget de sélection de couleur pour que les admins configurent les couleurs de marque visuellement au lieu de saisir des hex dans des champs texte. Cela montre que les plugins EmDash ne servent pas qu’aux grosses intégrations — ils améliorent aussi le quotidien à l’édition. Voir packages/plugins/color dans le dépôt EmDash.
Installation
- Activez le plugin Color Picker dans l’admin EmDash.
- Dans votre modèle ou schéma de contenu, attachez le widget couleur aux champs où les designers doivent choisir des couleurs (accents de thème, boutons, badges de catégorie).
- Prévisualisez l’admin pour vérifier que le sélecteur s’affiche et que les valeurs sont enregistrées.
Configuration
Vous définissez en général :
- Couleurs par défaut — points de départ sûrs pour la marque sur les nouvelles entrées.
- Formats autorisés — hex, RGB ou variables CSS selon ce que consomme votre thème.
- Indices de contraste ou d’accessibilité — certaines équipes ajoutent des notes dans les descriptions de champs lorsque des couleurs doivent respecter le contraste WCAG sur des fonds connus.
Exemple (conceptuel) : un gabarit marketing peut stocker primaryColor et secondaryColor en #2563eb et #64748b, référencées dans les composants Astro via des variables CSS au build.
Cas d’usage
- Personnalisation de thème — sites marketing où chaque campagne veut un accent différent sans nouveau déploiement.
- Design systems — garder les choix de palette dans des champs structurés plutôt que des styles inline éparpillés.
- Produits en marque blanche — les partenaires choisissent des couleurs dans les garde-fous que vous fixez.
Conseils opérationnels
- Documentez le mapping couleurs → tokens front pour éviter les doublons codés en dur.
- Validez les valeurs à l’enregistrement si vous devez bloquer certains verts criards sur un site santé.
- Lors des exports de contenu, incluez les champs couleur pour ne pas perdre le style à la réimportation.