Éditeur Studio : Travailler avec les couleurs du site
Temps de lecture : 5 min
Les couleurs du site composent le thème de couleurs général utilisé sur le site de votre client. Ce thème est divisé en plages de couleurs qui sont appliquées à différentes catégories (ex. arrière-plan et texte) et contiennent des teintes spécifiques.
Les couleurs uniques et les plages de couleurs sont personnalisables, vous pouvez donc concevoir et ajuster des parties spécifiques du site selon vos besoins.
Comment puis-je trouver les couleurs d'un site ?
Dans cet article, découvrez comment :
Comprendre les couleurs d'un site
Ce sont les couleurs qui sont utilisées sur l'ensemble du site sur lequel vous travaillez. Elles sont généralement connectées aux composants. Par exemple, une couleur peut être connectée aux arrière-plans d'une section, une autre au texte, etc.
Le nombre de couleurs du site avec lesquelles vous commencez dépend du template que vous choisissez, ou si vous décidez de créer à partir de zéro. Cependant, vous pouvez ajouter, gérer et remplacer des couleurs de site pour créer un design homogène.
Modifier les couleurs du site
Personnalisez les couleurs du site à partir du panneau Styles du site pour les adapter à vos besoins de design et renforcer l'image de marque de vos clients.
Important :
La modification d'une couleur affecte instantanément les éléments avec la couleur que vous mettez à jour - ex. tous les éléments assortis (au thème) que vous avez précédemment ajoutés, ou les éléments sur lesquels vous avez utilisé cette couleur.
Pour modifier les couleurs du site :
- Cliquez sur Styles de site
à gauche de l'Éditeur. - Sélectionnez l'onglet Couleurs.
- Cliquez sur la couleur que vous souhaitez ajuster.
- Choisissez comment sélectionner la couleur du milieu dans la plage parmi les options suivantes :
- Sélectionnez une nouvelle couleur dans la palette de couleurs à l'aide de votre curseur.
- Saisissez les informations HEX, RGB ou HBD dans les champs correspondants.
- Cliquez sur la pipette
pour sélectionner une nouvelle couleur n'importe où sur votre écran.
- Cliquez sur Appliquer.
Gérer les couleurs du site
Gérez les couleurs du site pour rendre le processus de conception aussi fluide que possible. Vous pouvez renommer les couleurs pour qu'elles soient plus faciles à retrouver, ou remplacer les couleurs pour apporter des modifications rapides au site.
Pour gérer les couleurs du site :
- Cliquez sur Styles de site à gauche de l'Éditeur.
- Sélectionnez l'onglet Couleurs.
- Survolez la couleur correspondante et cliquez sur l'icône Plus d'actions
.
- Sélectionnez l'action que vous souhaitez effectuer :
- Modifier le nom de la couleur :
- Cliquez sur Renommer.
- Saisissez le nouveau nom de la couleur dans le champ.
- Supprimer/remplacer :
- Cliquez sur Supprimer.
- Sélectionnez la couleur de remplacement dans la palette de couleurs.
- Cliquez sur Appliquer.
- Modifier le nom de la couleur :
Vous ne pouvez pas supprimer/remplacer une couleur ?
- Certaines teintes sont utilisées comme couleur par défaut pour les applis et les éléments Wix sur le site, et l'option Supprimer est donc grisée. Toutefois, vous pouvez cliquer sur la teinte dans le panneau pour la remplacer.
- Les teintes qui n'ont pas été configurées comme couleur par défaut peuvent encore être utilisées sur l'ensemble du site. Vous êtes donc invité à remplacer la couleur.
Appliquer les couleurs du site aux éléments
Lorsque les couleurs sont attribuées à des catégories, elles sont automatiquement appliquées à certains éléments assortis au thème dans le panneau Ajouter des éléments (ex. éléments de texte stylisés). Vous pouvez également appliquer les couleurs du site aux éléments de la toile à l'aide de l'Inspecteur.
Pour appliquer les couleurs du site aux éléments :
- Sélectionnez l'élément concerné.
- Cliquez sur l'icône Ouvrir l'Inspecteur
en haut à droite de l'éditeur. - Cliquez sur la case de couleur sous Design pour ouvrir le sélecteur.
- Sélectionnez une teinte dans les couleurs du thème pour l'appliquer.
Bon à savoir :
Si l'élément contient plus d'une couleur, vous pouvez personnaliser chaque teinte en cliquant sur sa case de couleur.