Les couleurs de thème vous permettent de définir une palette de couleurs et de lier chaque couleur à un widget ou à tous les widgets grâce aux paramètres de couleur. La couleur de tout élément lié aux couleurs du thème est automatiquement mise à jour lorsque la couleur associée est modifiée dans les paramètres de couleur du thème. Cela vous permet de modifier rapidement les couleurs, ce qui réduit le temps de conception et garantit l'homogénéité du style de votre site sur toutes les pages.
Pour configurer les couleurs du thème :
- Dans le panneau latéral, cliquez sur Thème, puis sélectionnez la flèche à côté de Couleurs.
- Cliquez sur l' icône Plus à côté de Primaire, ou tout autre paramètre que vous devez définir.
- Tapez la valeur HEX ou RVB de la couleur souhaitée ou utilisez l'outil Pipette pour sélectionner une couleur.
(Facultatif) Vous pouvez générer des couleurs à partir de votre logo. Cliquez pour ouvrir la couleur principale, puis ouvrez l'onglet Marque et cliquez sur « + Ajouter un logo » (si vous avez ajouté un logo aux informations de votre entreprise dans la bibliothèque de contenu, il apparaîtra ici). Après avoir ajouté votre logo, un jeu de couleurs est généré.
Si vous devez supprimer ou remplacer le logo, cliquez sur l'icône à trois points à côté de votre logo et sélectionnez Supprimer ou Remplacer l'image. Notez que vous devez disposer de l'autorisation de la bibliothèque de contenu pour télécharger, supprimer ou remplacer le logo.
Répétez ces étapes autant de fois que nécessaire pour chaque couleur de thème. Ensuite, vous devez relier les couleurs aux widgets sur votre site.
Si le site ou le modèle ne possède pas encore de couleurs associées, cela peut être fait automatiquement. Le générateur automatique de couleurs de thème analyse votre site et détecte les couleurs les plus fréquemment utilisées. Il génère une liste de couleurs parmi lesquelles choisir : une fois sélectionnées, ces couleurs deviennent les couleurs de votre thème et sont associées aux widgets de votre site.
- Dans le panneau latéral, cliquez sur Thème, puis sélectionnez la flèche à côté de Couleurs.
- Cliquez sur Définir les couleurs du thème.
- Cliquez sur « Connectez-le pour moi » ou « Je le connecterai moi-même ».
- (Facultatif) Si vous avez sélectionné Je le connecterai moi-même, cliquez sur l'icône Plus à côté de chaque couleur dans le panneau de conception et sélectionnez les couleurs individuellement.
- Sélectionnez la couleur générée que vous souhaitez utiliser.
- Cliquez Enregistrer et connecter les couleurs.
Les couleurs seront renseignées dans la section Couleurs du panneau Thème du site.
Pour connecter un widget à une couleur de thème :
- Cliquez sur un widget pour ouvrir son menu de paramètres.
- Ouvrez les paramètres de couleur et sélectionnez l’une des couleurs de thème répertoriées en haut.
- Répétez si nécessaire pour les autres éléments.
- (Facultatif) Si vous devez modifier l'une des couleurs du thème, cliquez sur l'icône en forme de crayon et les paramètres des couleurs du thème s'ouvriront, où vous pourrez modifier la couleur souhaitée.
Une fois qu'un widget est connecté aux couleurs du thème, il sera automatiquement mis à jour lorsque la couleur du thème liée sera mise à jour.
Supprimer les couleurs du thème
Vous pouvez déconnecter n'importe quel widget connecté à des couleurs de thème individuelles.
Pour supprimer des couleurs de thème individuelles :
- Dans le panneau latéral, cliquez sur Thème.
- Cliquez sur Couleurs.
- Cliquez sur l'icône à trois points horizontaux à côté du texte Couleurs et sélectionnez Supprimer les couleurs du thème.
- Sélectionnez les couleurs à supprimer, puis cliquez sur Supprimer les couleurs sélectionnées.
Renommer les couleurs du thème
Pour renommer les couleurs du thème :
Dans le panneau latéral, cliquez sur Thème, puis cliquez sur Couleurs.
Passez la souris sur le nom de la couleur souhaitée et cliquez sur le bouton crayon icône.
Tapez un nouveau nom.
Le nouveau nom est automatiquement enregistré et apparaîtra lorsque vous survolerez la couleur dans le sélecteur de couleurs.