Réglages fins du thème

Ajustez vous-même les couleurs, les tailles et les espacements de votre site, par exemple la couleur de fond des sous-menus, directement depuis la page Thème. Vous voyez le résultat avant de l'enregistrer, sans fichier à préparer ni outil externe.

Pour y accéder : Site Internet > Thème.

Les réglages fins s'appliquent au mode Moderne

Les réglages fins font partie du mode Moderne du thème. Si votre site est en mode Classique, consultez la section « Si votre site est en mode Classique », plus bas.

Chaque réglage est facultatif : un champ laissé vide (« Par défaut ») garde le rendu de votre thème. Un club qui ne touche à rien voit donc son site inchangé.

Les réglages disponibles

Onglet Apparence

Où Réglage Ce qu'il change
Carte Polices Taille du texte (10 à 30 px) la taille du texte courant du site
Styles de composants > Boutons Couleur des boutons d'articles la couleur des boutons dans les articles
Styles de composants > Cartes et articles Fond des articles la couleur de fond des articles
Styles de composants > Menu Couleur de fond du menu la barre de navigation
Styles de composants > Menu Couleur de fond des sous-menus les listes qui se déplient sous un menu
Styles de composants > Menu Taille du texte du menu (10 à 30 px) les libellés de la barre de navigation

Section Menu des Styles de composants, onglet Apparence

Avec la personnalisation avancée

Avec la personnalisation avancée (à partir du pack Basic), vous disposez en plus de :

  • Couleur des titres et Souligner les liens, sous « Personnalisation avancée des couleurs » (onglet Apparence) ;
  • Espacement du contenu (0 à 80 px), la marge autour du contenu des pages sur ordinateur et tablette, dans l'onglet Structure du site ;
  • Couleur du pied de page et Taille des titres du pied de page, dans la carte Pied de page de l'onglet Structure du site ;
  • des Réglages complémentaires dans l'onglet Avancé (logos partenaires, bandeaux d'articles, calendrier, pages d'adhésion). Un champ laissé vide n'y change rien non plus.

Sans la personnalisation avancée, ces onglets affichent un message qui indique comment l'obtenir.

Voir le résultat avant d'enregistrer

  • Dans la page Thème : les encadrés Aperçu en direct se mettent à jour pendant la saisie, pour les polices et la taille du texte (carte Polices) et pour l'espacement du contenu. « Aperçu bouton » et « Aperçu carte » montrent le style choisi.
  • Sur votre site : cliquez sur Prévisualiser le mode moderne, en haut de la page. Votre site s'ouvre dans un nouvel onglet avec les réglages en cours, y compris les couleurs du menu et des sous-menus. Vous seul voyez cet aperçu, et rien n'est enregistré.

Aperçu du mode moderne : sous-menu déplié avec la couleur de fond choisie

Enregistrer

Cliquez sur Enregistrer en bas de la page. Le message « L'enregistrement a été effectué avec succès » confirme l'opération. Rechargez votre site pour voir le résultat.

Pour revenir au rendu d'origine, videz le champ du réglage et enregistrez.

Si votre site est en mode Classique

En mode Classique, les réglages fins sont masqués. Vous pouvez les préparer à l'avance :

  1. Dans Je configure et prévisualise, cochez Moderne : les réglages apparaissent.
  2. Saisissez vos réglages, et vérifiez-les avec Prévisualiser le mode moderne si besoin.
  3. Recochez Classique avant de cliquer sur Enregistrer.

Un message vous confirme alors : « Vos réglages du mode Moderne sont enregistrés, mais ne s'appliquent pas à votre site en mode Classique. Ils seront appliqués dès que vous activerez le mode Moderne. » Votre site ne change pas.

⚠ Attention : si vous cliquez sur Enregistrer alors que Moderne est coché, votre site passe en mode Moderne pour tous vos visiteurs, sans demande de confirmation. Recochez toujours Classique avant d'enregistrer. Si cela vous arrive, cliquez sur Revenir au mode classique : votre site retrouve aussitôt son thème Classique, et vos réglages restent enregistrés. Il en va de même si vous cliquez sur un thème prédéfini : cela coche automatiquement Moderne.

Et le fichier CSS ?

Les réglages fins remplacent le générateur de CSS, retiré en version 3.15. Si votre pack inclut la personnalisation avancée et que vous voulez aller plus loin, vous pouvez toujours déposer votre propre fichier CSS : voir Thème - Fichier CSS.

Cet article a-t-il été utile ?
0 0 0
Poster un commentaire
 
Joindre un fichier