Les couleurs du thème vous permettent de définir une palette de couleurs et d'associer des couleurs individuelles à n'importe quel widget grâce aux paramètres de couleur. Tout élément lié aux couleurs du thème se met à jour automatiquement lorsque vous modifiez la couleur associée dans les paramètres de couleur du thème. Cela vous permet d'effectuer rapidement des changements de couleur, ce qui réduit le temps de conception et garantit la cohérence du style du site sur toutes les pages.
Configurer les couleurs du thème
Suivez les étapes ci-dessous pour configurer manuellement les couleurs de votre thème.
- Dans le panneau latéral, cliquez sur Thème , puis sélectionnez la flèche en regard de Couleurs .
- Cliquez sur l'icône Plus à côté de Principal , ou sur le paramètre que vous devez définir.
- Saisissez la valeur HEX ou RGB 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 à vos informations d'entreprise dans la bibliothèque de contenu, il apparaîtra ici). Une fois votre logo ajouté, un ensemble de couleurs est généré.
Pour supprimer ou remplacer le logo, cliquez sur l'icône à trois points située à côté de celui-ci et sélectionnez « Supprimer » ou « Remplacer l'image » . Veuillez noter que vous devez disposer de l'autorisation d'accès à la bibliothèque de contenu pour importer, supprimer ou remplacer le logo.
Répétez ces étapes pour chaque couleur du thème. Ensuite, vous devez associer les couleurs aux de votre site.
Configurer automatiquement les couleurs du thème
Si votre site ou modèle ne possède pas de couleurs associées, Guesty peut les associer automatiquement. Le générateur automatique de couleurs de thème analyse votre site pour détecter les couleurs les plus fréquemment utilisées et vous propose une liste de choix.
- Dans le panneau latéral, cliquez sur Thème, puis sélectionnez la flèche en regard de Couleurs.
- Cliquez sur Définir les couleurs du thème.
- Cliquez sur « Connecter 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 les couleurs générées que vous souhaitez utiliser.
- Cliquez sur Enregistrer et connecter les couleurs.
Les couleurs apparaîtront dans la section Couleurs du panneau Thème du site.
Associer les couleurs du thème aux widgets
Suivez les étapes ci-dessous pour lier un widget spécifique à votre palette de thème.
- Cliquez sur un pour ouvrir son menu de paramètres.
- Ouvrez les paramètres de couleur et sélectionnez l'une des couleurs du thème répertoriées en haut.
- Répétez l'opération si nécessaire pour les autres éléments.
- ( Facultatif ) Si vous souhaitez modifier l'une des couleurs du thème, cliquez sur l'icône en forme de crayon pour ouvrir les paramètres des couleurs du thème et modifier la couleur souhaitée.
Une fois qu'un est associé aux couleurs du thème, il se mettra automatiquement à jour lorsque la couleur du thème associé sera modifiée.
Supprimer les couleurs du thème
Vous pouvez dissocier les widgets des couleurs de thème individuelles ou supprimer complètement les couleurs de la palette.
- Dans le panneau latéral, cliquez sur Thème .
- Cliquez sur Couleurs .
- Cliquez sur l'icône à trois points horizontaux située à 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
Suivez les instructions ci-dessous pour renommer les couleurs du thème.
- Dans le panneau latéral, cliquez sur Thème , puis sur Couleurs .
- Survolez le nom de la couleur souhaitée et cliquez sur l'icône en forme de crayon .
- Saisissez un nouveau nom.
Le nouveau nom est automatiquement enregistré et s'affichera lorsque vous survolerez la couleur dans le sélecteur de couleurs.