You create the websites of your customers with WordPress and Divi, or even you are creating your own site and are at the productivity research ? Bingo, you will love this article! I'll explain how to use the Divi global colors pour éviter de perdre du temps avec de multiples actions lorsque vous souhaitez modifier une couleur sur votre site entier...
1 - Qu'est-ce qu'une couleur globale ?
Generally, when stylizing a Divi module, you select a color from a selected palette. However, if you use a overall color à la place d'une Classic color, cela vous permettrait d'être beaucoup plus efficace à l'avenir.
En effet, chaque module qui utilise une couleur globale permet de changer de couleur, en un clic seulement, sur la totalité de votre site. Les couleurs globales de Divi sont en fait des "synchronized colors" entre elles.
Ainsi, le jour où votre charte graphique n'utilise plus cet affreux "vert caca d'oie", vous pourrez remplacer cette couleur en un seul clic sur la totalité du site. Vous n'avez plus à perdre votre précieux temps pour modifier les couleurs, modules après modules...
Watch this video, you will understand better:
2 - Comment repérer/utiliser des couleurs globales ?
Lorsque vous éditez un module Divi, vous avez diverses options pour définir les couleurs (couleurs du fond, couleur de l'élément, etc.), il vous suffit alors de cliquer sur "Global" situé en dessous du panneau de sélection de la couleur.
Lorsqu'un module utilise une couleur globale, vous la repérez facilement grâce à la forme particulière de la pastille de couleur (un rond avec un coin carré).
Did you know that? You can test Divi for free by visiting on this page and by clicking on "TRY IT FOR FREE"
3 - Créer une couleur globale en 5 étapes
When you need to define a new global color, here are the steps:
- Cliquez sur "Global"
- Cliquez sur l'icône "+" pour ajouter une nouvelle couleur.
- Use the cursor to choose the color or indicate the hexadecimal color code, for example #ea12dc.
- Validate, save your changes.
- From now on, when you go to the global color panel, you can use the new color previously created.
4 - Modifier une couleur globale
On the day the overall colour used no longer suits you or your customer, you will need to change it from the settings provided for that purpose.
- Ouvrir les paramètres du module qui utilise la couleur globale à modifier et cliquez sur l'icône de la roue dentée.
- Cliquez sur l'icône du stylo de la couleur à modifier.
- Move the cursor to choose the replacement color or use the field to enter the hexadecimal code, for example #1df984.
- Save the changes.
- Tous les modules qui utilisaient l'ancienne couleur globale utilisent maintenant la nouvelle couleur globale définie.
Vous pouvez également modifier une couleur globale rapidement, directement en utilisant l'icône de la pipette dans le panneau de sélection des couleurs, comme le montre ce GIF :
Need to master Divi? Discover my training that accompanies you step by step in the understanding and use of Divi! Learn more about Divi training.
5 - Pour aller plus loin avec les couleurs globales de Divi...
Voilà, j'espère que ce tuto rapide vous aura aidé à améliorer votre productivité et je suis bien curieuse de savoir si vous utilisez déjà cette fonctionnalité sur vos projets avec Divi ?
To go further, I propose a playlist:
- Discover l'annonce et les explications officielles de Nick Roach
- How to create colors that change automatically?
- How to manage color palettes in Divi
- Inspirations of very colorful sites
- Two ways to manage Divi color palettes
0 commentaire