Personnaliser les couleurs et les polices

Changer les couleurs

1. Dans Apparence, ouvrez l'onglet Couleurs.
2. Choisissez le mode à modifier à côté de Couleurs du : Mode clair ou Mode sombre. L'aperçu passe dans le même mode.
3. Le plus simple : cliquez sur une des Palettes prêtes à l'emploi de votre thème. Une palette règle d'un coup les couleurs des deux modes.
4. Pour aller plus loin, cliquez sur le carré de couleur d'un élément et choisissez une teinte. Les couleurs sont classées en groupes : Général (fond, texte, titres, liens, couleur principale des boutons), En-tête et menu, Bandeau et titre (dont le texte posé sur le bandeau), Pied de page. La petite flèche à droite d'une couleur modifiée la remet à la couleur du thème.
5. Vérifiez le résultat dans l'aperçu, puis cliquez sur Enregistrer.

Le bouton Couleurs d'origine annule vos choix pour le mode affiché.

Fonds transparents ou sans couleur

Les fonds (zone de contenu, en-tête, menu, liens survolés, rubrique courante, bandeau, titre des pages, pied de page) peuvent laisser voir ce qui se trouve derrière eux, par exemple votre image de fond.

1. Sous le nom d'un de ces fonds, cliquez sur Opaque.
2. Choisissez Semi-transparente (on devine ce qui se trouve derrière), Aucune couleur (ce qui se trouve derrière reste entièrement visible), ou réglez l'Opacité au pourcentage près.
3. Le carré de couleur montre le résultat sur un damier ; il est barré quand il n'y a aucune couleur. Choisir une nouvelle teinte sur un fond « sans couleur » le rend de nouveau visible.

Astuce : l'image de fond (onglet Image de fond, voir l'article « Mettre une photo en fond de page (effet de parallaxe, fondu...) ») est placée derrière toute la page, depuis le haut : elle apparaît à travers chaque fond rendu transparent, en-tête compris. Sans image de fond, c'est la couleur « Fond de la page » qui apparaît.

Astuce : le texte posé sur un fond transparent doit rester lisible sur ce qui se trouve derrière : vérifiez l'aperçu dans les deux modes, et ajustez si besoin la couleur du texte correspondant. Les sous-menus, le menu sur téléphone et le bandeau cookies gardent toujours un fond plein.

Astuce : tant que vous ne modifiez pas les couleurs du mode sombre, la couleur principale et les liens choisis pour le mode clair y sont repris automatiquement, éclaircis si besoin pour rester lisibles sur fond sombre.

Astuce : gardez un bon contraste entre le texte et le fond pour que tout le monde puisse lire facilement, y compris sur un téléphone en plein soleil.

Changer les polices et les dimensions

Dans l'onglet Textes :

• Police des titres et Police du texte : un exemple s'affiche sous chaque liste. Les polices sont hébergées par Vitrine Facile, sans service extérieur.
• Taille du texte : de 14 à 22 pixels (17 par défaut).
• Arrondi des angles des boutons et des cadres.
• Largeur maximale du contenu sur les grands écrans : de 760 à 1600 pixels (1180 par défaut). Le dernier cran de la jauge, Toute la largeur, retire toute limite : le contenu occupe alors toute la largeur de l'écran.
• Choix de la langue dans l'en-tête (sites multilingues) : codes (FR, EN) ou noms des langues.

Cliquez sur Enregistrer pour appliquer vos réglages. Si votre forfait n'inclut pas la personnalisation des couleurs, l'onglet Couleurs l'indique.