Color Picker
Ajoutez un widget de champ de sélection de couleurs pour une configuration visuelle conviviale pour les éditeurs dans EmDash CMS.
Extension
Color Picker
Ajoutez un widget de champ de sélection de couleurs pour une configuration visuelle conviviale pour les éditeurs dans EmDash CMS.
Color Picker est un plugin d’expérience d’éditeur ciblé : il ajoute un widget de champ de sélection de couleurs afin que les administrateurs puissent configurer les couleurs de la marque visuellement au lieu de saisir des codes hexadécimaux dans des champs de texte brut. Cela montre que les plugins EmDash ne sont pas uniquement destinés aux intégrations lourdes, ils améliorent également l’expérience utilisateur d’édition quotidienne. Voir packages/plugins/color dans le référentiel EmDash.
Installation
- Activez le plugin Color Picker depuis l’administrateur EmDash.
- Dans votre modèle de contenu ou schéma, attachez le widget de couleur aux champs dans lesquels les concepteurs doivent choisir les couleurs (accents du thème, couleurs des boutons, badges de catégorie).
- Prévisualisez l’interface utilisateur d’administration pour confirmer que le sélecteur affiche et conserve les valeurs lors de l’enregistrement.
Configuration
Vous définirez généralement :
- Couleurs par défaut — points de départ sécurisés pour les nouvelles entrées.
- Formats autorisés — variables hexadécimales, RVB ou CSS en fonction de ce que consomme votre thème.
- Conseils de contraste ou d’accessibilité — certaines équipes ajoutent des notes dans les descriptions de champs lorsque certaines couleurs doivent respecter le contraste WCAG par rapport à des arrière-plans connus.
Exemple (conceptuel) : un modèle marketing peut stocker primaryColor et secondaryColor comme #2563eb et #64748b, référencé dans les composants Astro via des variables CSS définies au moment de la construction.
Scénarios d’utilisation
- Personnalisation du thème — sites marketing où chaque campagne nécessite un accent légèrement différent sans nouveaux déploiements.
- Systèmes de conception : conservez les choix de palettes dans des champs structurés au lieu de styles en ligne dispersés.
- Produits en marque blanche : les partenaires choisissent les couleurs selon les garde-fous que vous définissez.
Conseils opérationnels
- Documentez la façon dont les couleurs correspondent aux jetons frontend afin que les ingénieurs ne codent pas en dur les doublons.
- Validez les valeurs lors de la sauvegarde si vous devez bloquer les verts néon sur un site de marque de soins de santé.
- Lors de l’exportation de contenu, incluez des champs de couleur dans votre liste de contrôle de migration afin que les réimportations ne perdent pas leur style.
Statut du registre (vérifié le 21/10/2026) : Ce package n’était pas présent dans les résultats du registre public EmDash vérifiés à cette date. L’adresse de la page existante est conservée pour référence.