06 40 13 30 36

Personnaliser le Thème

et effectuer les premiers réglages

Dès que votre site sera créé, vous pourrez commencer à effectuer les réglages dans le tableau de bord et dans le Personnaliseur de Thèmes.  

Quelques exemples de réglages importants.

Copies d’écran des principaux réglages de ce site

 

Quelques liens peut-être utiles au sujet des polices de caractères :

 ces Personnaliser le Thème, c’est choisir en particulier les couleurs et l’aspect général du site.

Selon les thèmes, il vous sera possible de paramétrer un nombre plus ou moins important de détails. Pensez à vous familiariser avec la « géographie » de vos pages en repérant par des couleurs distinctes les différentes zones disponibles (zones de l’en-tête et du pied de page).

Dans les thèmes utilisant Divi, les options à personnaliser sont assez nombreuses.

Dans le menu du tableau de bord, il est important de préciser un certain nombre de réglages :

  • DiviOptions du thème
    • général : logo, barre de navigation, adresses des pages des réseaux sociaux, disposition de la barre latérale, saisir la première image de l’article. ….
    • navigation : Afficher les menus déroulants …
    • créateur : Activer Divi Builder sur les types de publication
    • SEO (Optimisation pour les moteurs de recherche)
    • etc…
  • Divi Thème Builder permet de créer différents modèles pour votre « Elegant Thème »

C’est là que vous pourrez modifier l’aspect de l’en-tête et du pied de page de votre site, pour l’ensemble du site ou pour des pages spécifiques. Mais attention, en ce cas ces zones ne pourront plus être paramétrées dans le personnalisateur de Thème.

À titre d’exemple, j’ai utilisé cette fonction sur la page « Démarrage express » pour en tester les possibilités : j’ai modifié l’en-tête en y plaçant un grand Logo au-dessus d’un menu qui défile vers le haut, et j’ai remplacé le pied de page habituel en y insérant un module de défilement des pages de blog ! 

  • ApparenceThème – Personnaliser
    • Paramètres généraux:
      • identité du site (titre – icône sur les onglets)
      • mise en page (largeur de section* et largeur de gouttière*)
      • typographie  : choisir ici
        • la  police de caractères utilisés sur l’ensemble du site. Dans les modules de texte (ou autres) il suffit alors d’utiliser la « police par défaut » proposée dans le style.)
        • la taille des caractères et des interlignes 
        • la couleur des liens
        • etc ….
      • fond
    • En-tête et navigation : il existe 2 zones dans ce thème (sur cette page : bande supérieure bleue et bande contenant le menu et le menu du site). C’est dans le Format de l’en-tête que l’on peut choisir d’activer la navigation verticale. Attention, cette rubrique disparaîtra si vous modifiez l’en-tête dans Thème Builder (voir page Démarrage express)
    • Pied de page : il existe 3 zones dans ce thème (bleu clair, mauve et bleu roi). C’est dans cette rubrique que l’on peut modifier les crédits de pied de page. Attention, cette rubrique disparaîtra si vous modifiez le Pied de Page dans Thème Builder (voir page Démarrage express).
    • boutons
    • Blog
    • Style sur mobile
    • Menus : dans ce thème on peut en créer 3 (3 emplacements possibles)
    • Widgets (repérez leurs emplacaments possibles)
    • Réglages de la page d’accueil (articles ou page statique) : si ce n’est pas visible dans le personnaliseur de thème, vous trouverez ce réglage dans le tableau de bord : Réglages > Lecture 

*C’est dans les paramètres de mise en page que vous pouvez définir la largeur maximale de votre section de contenu. Puisque votre contenu est sur une mise en page réactive, il s’adaptera à des tailles plus petites, mais ne s’étendra pas plus large que la largeur maximale définie ici. La valeur par défaut est 1080px. C’est une bonne largeur pour la plupart des ordinateurs portables et ordinateurs de bureau standard.

La largeur de la gouttière correspond à la marge entre les colonnes de chaque rangée. Les valeurs optionnelles pour la largeur de la gouttière vont de 1 à 4 (c.a.d. de 0 à 8%).

Vous trouverez d’autres explications en cliquant ici  et