Résumé rapide #
- Ajoutez un icône reconnaissable à votre statut personnalisé.
- Poser Couleur et Couleur d’arrière-plan du texte pour un badge lisible.
- Choisissez comment il apparaît dans les listes avec Vue d’état (Nom ou Icône ).
- Prévisualisez le résultat dans WooCommerce → commandes .
Ouvrir l’éditeur d’état #
Chemin: WooCommerce → Commandes → Statut de la commande → Modifier (choisissez un statut) ou Ajouter un nouveau (en créer un).
ALT: L’éditeur de statut ouvert à partir de WooCommerce → Commandes → Statut de la commande.
Légende: « Ouvrez l’éditeur de statut à partir de Commandes → Statut de la commande. »
Ajouter une icône #
Cliquer Ajouter une icône et choisissez une icône simple et descriptive. Évitez les formes trop détaillées ; Préférez les silhouettes claires.
ALT: Sélecteur d’icônes ouvert pour le statut personnalisé.
Légende: « Choisissez une icône simple et facile à reconnaître. »
ALT: L’icône sélectionnée s’applique au statut.
Légende: « Confirmez que l’icône est attribuée. »
Choisissez les couleurs des badges #
Utiliser Couleur (texte/icône) et Couleur d’arrière-plan du texte (arrière-plan du badge) pour assurer un contraste et une numérisation rapide.
ALT: Ouvrez les sélecteurs de couleurs pour le texte/l’icône et l’arrière-plan du badge.
Légende: « Définissez la couleur du texte/de l’icône et l’arrière-plan du badge. »
Embouts de contraste #
- Texte foncé sur un lumière arrière-plan ou texte léger sur un sombre arrière-plan.
- Évitez les paires à faible contraste (par exemple, gris moyen sur gris clair).
- Gardez une palette cohérente dans tous vos statuts.
ALT: Comparaison des insignes d’état à contraste élevé et à faible contraste.
Légende: « Préférez les combinaisons à contraste élevé pour la lisibilité. »
Vue d’état : Nom vs icône #
Contrôlez le rendu du statut dans la table des commandes.
- Nom: Affiche l’étiquette de texte (la plus claire pour tous les utilisateurs).
- Icône: Remplace le texte par l’icône (fonctionne si votre équipe reconnaît les symboles).
ALT: La liste déroulante Vue d’état s’ouvre avec les options Nom et Icône.
Légende: « Choisissez d’afficher le nom ou uniquement l’icône. »
Aperçu dans les commandes #
Enregistrez le statut et ouvrez WooCommerce → commandes pour valider la lisibilité en un coup d’œil.
- Vérifiez la insigne dans le Statut colonne.
- Si vous utilisez Icône , assurez-vous que l’icône est explicite.
ALT: Vue des commandes montrant les badges affichés sous forme de nom et d’icône.
Légende: « Vérifiez la lisibilité et la cohérence de la liste des commandes. »
Bonnes pratiques #
- Réutiliser 2 à 4 couleurs de base aux phases de groupes (par exemple, bleus = en cours, verts = terminés, rouges = bloqués).
- Réserver Rouge/Jaune pour les alertes ou les états qui nécessitent une attention particulière.
- Ne vous fiez pas uniquement à la couleur : le SMS ou icône doit être clair.
Dépannage #
- L’insigne semble pâle/difficile à lire : augmenter contraste (texte vs arrière-plan).
- L’icône prête à confusion : passer à un symbole plus simple ou utilisez Vue d’état = Nom .
- Aucun changement dans les commandes : enregistrer le statut et rafraîchir ; Vider le cache si vous utilisez un plugin de mise en cache.