Éditeur Wix : Utiliser et personnaliser votre thème de couleurs

Temps de lecture : 6 min
La création d'une combinaison de couleurs est une étape importante dans le processus de conception de votre site. Lorsqu'elles sont utilisées de manière cohérente, ces couleurs donnent le ton à vos visiteurs et les présentent à votre marque. 
Votre thème de couleurs est automatiquement utilisé sur votre site et dans les éléments « Thématiques » du panneau Ajouter. Vous pouvez également appliquer les couleurs de votre thème à n'importe quel élément de votre site.
Dans cet article, apprenez-en plus sur :

Comment fonctionnent les couleurs du thème sur votre site

Les couleurs du thème que vous choisissez sont affichées dans la palette de couleurs - où vous pouvez modifier la couleur des éléments individuellement. En plus d'apparaître dans le sélecteur, les couleurs sont également automatiquement attribuées et appliquées à certains éléments de votre site.

Couleurs de base

Les couleurs de base sont utilisées pour les arrière-plans et le texte sur votre site. Si vous avez ajouté des applis Wix (par exemple, Wix Boutique, Wix Blog, etc.) à votre site, ces pages utilisent les mêmes couleurs d'arrière-plan et de texte. 
Dans la plupart des cas, la couleur la plus claire (1) est utilisée pour l'arrière-plan tandis que la plus sombre (2) est pour le texte. Un dégradé est automatiquement créé, afin que vous puissiez ajuster les teintes si nécessaire. 
Nous vous recommandons de sélectionner une paire très contrastée, afin que les informations de votre site soient faciles à lire.
Capture d'écran rognée montrant des couleurs de base dans un panneau de design de site.

Couleurs d'accentuation

Encouragez les visiteurs à interagir avec votre site en sélectionnant des couleurs d'accentuation attrayantes. Ces couleurs sont utilisées pour les éléments secondaires et décoratifs comme les liens, les boutons et les éléments de menu. Elles apparaissent également dans des éléments assortis comme les boutons et les boîtes, ainsi que dans les pages relatives aux applis Wix (par exemple, Wix Boutique, Wix Blog, etc.)
Capture d'écran rognée montrant des couleurs d'accentuation dans un panneau de design de site.

Choisir un thème de couleurs

Il existe une variété de thèmes prédéfinis que vous pouvez appliquer à votre site, qui incluent à la fois du texte et des couleurs. Nos thèmes ont été soigneusement créés avec des couleurs complémentaires pour couvrir un large éventail de styles et de besoins de design.  

Pour choisir et personnaliser un thème de couleurs :

  1. Cliquez sur Design du site sur le côté gauche de l'Éditeur.
  2. Cliquez sur Changer le thème sous Thème du site.
  3. Parcourez les préréglages et cliquez pour en sélectionner un nouveau.
Le panneau de design du site dans l'Éditeur. L'onglet thème est ouvert et un thème est en cours de sélection.

Personnaliser votre thème de couleurs

Vous pouvez personnaliser le thème de couleurs du site en fonction de l'esthétique de votre marque. Choisissez de nouvelles couleurs et ajustez la teinte des couleurs de base pour obtenir l'aspect que vous souhaitez.

Pour personnaliser votre thème de couleurs :

  1. Cliquez sur Design du site sur le côté gauche de l'Éditeur.
  2. Cliquez sur Thème de couleur sous Personnaliser le design de votre site.
  3. Choisissez la façon dont vous souhaitez modifier le thème :
    • Modifier les couleurs du thème :
      1. Cliquez sur la couleur que vous souhaitez modifier dans le panneau.
      2. Sélectionnez une nouvelle couleur en utilisant le curseur pour trouver et sélectionner une nouvelle couleur, ou en saisissant la couleur exacte dans les valeurs HEX, RGB ou TSV.
      3. Cliquez sur Appliquer.
    • Ajustez la teinte des couleurs de base de votre thème :
      1. Cliquez sur la teinte correspondante sur le dégradé de la couleur de base.
      2. Utilisez les curseurs pour ajuster la saturation et la luminosité à votre convenance.
      3. Cliquez sur Appliquer.
Le panneau de personnalisation des couleurs dans design du site. Une nouvelle couleur d'accentuation est appliquée.

Configurer des couleurs par défaut sur votre site

Après avoir choisi et personnalisé votre thème de couleurs, vous pouvez définir les couleurs du thème par défaut pour certains éléments de votre site. C'est un excellent moyen de renforcer votre marque et de vous assurer que les éléments se complètent.

Pour définir les couleurs par défaut des éléments :

  1. Cliquez sur Design du site sur le côté gauche de l'Éditeur.
  2. Survolez Thèmes de couleurs et de textes et cliquez sur Personnaliser.
  3. Cliquez sur Paramètres avancés.
  4. Cliquez sur la case de couleur à côté de l'élément concerné pour attribuer une couleur :
    • Général : Choisissez les couleurs que vous souhaitez utiliser pour les arrière-plans principaux et secondaires de votre site, ainsi que les lignes et les séparateurs.
    • Texte : Appliquez les couleurs de votre choix à différents types de texte sur votre site, y compris les sous-titres et les liens.
    • Boutons : Définissez les couleurs que vous souhaitez utiliser sur les boutons principaux et secondaires. Vous pouvez choisir une couleur pour chaque état de bouton (normal, survol ou désactivé) séparément.
Les paramètres avancés d'un thème de couleurs. Un utilisateur clique sur le champ de couleur des lignes et des séparateurs.

Appliquer manuellement les couleurs du thème aux éléments

Vous pouvez appliquer les couleurs de votre thème à tout autre élément de votre site. Ils sont enregistrés dans la palette de couleurs du panneau Design de l'élément, il est donc encore plus facile de créer un design cohérent.

Pour appliquer une couleur de thème à un élément :

  1. Cliquez sur l'élément dans votre Éditeur.
  2. Cliquez sur l'icône Design .
  3. Cliquez sur Personnaliser le design (si affiché).
  4. Cliquez sur les paramètres de couleur.
  5. Cliquez sur la case de couleur.
  6. Sélectionnez une couleur de thème dans la palette de couleurs.
Le panneau Design d'une section. Une couleur de thème est appliquée à l'arrière-plan de la section.
Suggestion :
Vous pouvez également enregistrer des couleurs personnalisées qui ne font pas partie de votre thème dans la palette de couleurs. Cliquez sur + Ajouter à côté de Mes couleurs pour sélectionner une nouvelle couleur.
De plus, les éléments thématiques à l'intérieur du panneau Ajouter de l'Éditeur présentent déjà les couleurs de votre thème (par exemple, les boutons, les boîtes et les lignes thématiques), vous n'avez donc pas à vous soucier de les ajuster manuellement pour les assortir à votre site.

Cela vous a-t-il aidé ?

|