Les couleurs dans Divi : Palette de couleurs, couleurs globales

Divi permet de définir une palette de couleurs pour tout le site, qu'on retrouvera ensuite dans chaque module qui donne un choix de couleurs, avec ce qui s'appelle un "color picker".

Ce color picker permet de sélectionner une couleur d'un simple clic, sans avoir à retenir les codes des couleurs à chaque fois qu'on a besoin de les utiliser.

La palette propose de prédéfinir 8 couleurs en format hexadécimal.

Les formats de couleurs sont expliqués dans la formation Découvrir Divi.

Cette palette de couleurs se trouve dans :

• Backoffice

• Menu "Divi"

• Sous-menu "Options du thème"

• Onglet "Général"

• L'option est nommée "Palette par défaut de sélectionneurs de couleurs" en français

Par défaut ici existent des couleurs (noir, blanc, rouge, orange, jaune, vert, bleu, violet), que vous pouvez remplacer par vos propres couleurs.

Divi a ensuite ajouté les couleurs globales : une couleur globale est enregistrée une fois et réutilisée partout ; si vous la modifiez, tous les éléments qui l'utilisent changent. C'est la méthode à préférer pour la charte de votre site. Elle est montrée dans la leçon Les couleurs globales dans Divi (formation Mieux utiliser Divi, réservée aux membres). Dans Divi 5, les couleurs globales se gèrent avec les autres variables de design (polices, nombres, images...), et chacune peut recevoir un nom.

Or, ce color picker peut parfois nous montrer les couleurs par défaut de Divi, au lieu de nous montrer les couleurs qu'on a définies dans les options du site, ce qui peut être très frustrant.

Par exemple :

• Dans la palette de couleurs de votre site Divi, vous avez défini vos couleurs personnalisées, comme des nuances de bleu et du rose par exemple

• Lorsque vous ouvrez un module, la palette de couleurs ne montre pas vos nuances de bleu ni votre rose, elle montre à la place les couleurs par défaut de Divi : noir, blanc, rouge, orange, ...

Pour réparer ceci et afficher vos propres couleurs, il faut se rendre dans la base de données de votre site, et effectuer la manipulation suivante.

Si vous ne savez pas éditer la base de données de votre site Web, vous pouvez envisager de prendre un accompagnement pour l'évolution de votre site Web.

• Rendez-vous dans la table post_meta de votre base de données WordPress

• Trouvez la ligne _et_pb_color_palette

• Supprimez cette ligne

N'oubliez pas de faire une sauvegarde de votre base de données avant toute modification de la sorte.