Want to make creations as awesome as this one?

Personnalisation Chapitre 3

Transcript

PERSONNALISATION

CHAPITRE 3 : L'EN-TÊTE DIVI ET

LE MENU DE NAVIGATION

MODULE 8

Personnaliseur Divi Mobile

https://divithemestore.co

Le magasin de thème Divi contient une bibliothèque de thèmes enfant uniques et étonnants.

Le magasin offre un soutien incroyable et a également quelques plugins vraiment sympa pour le thème Divi.

Personnalisation de l'en-tête et de la navigation de votre thème

Pour commencer à personnaliser l'en-tête et la navigation de votre site Web, vous devez d'abord entrer dans le Customizer Thème en cliquant sur le lien Divi > Customizer Thème dans votre tableau de bord WordPress.

Ceci lancera le customizer. Cherchez ensuite le panneau "En-tête & Navigation". Cliquez sur le panneau pour ouvrir les paramètres appropriés et commencer la personnalisation.

Format de l'en-tête

Ici, vous pouvez régler le format général de votre en-tête, comme la commutation entre les principaux modes de mise en page: par défaut, Centered, Centered Inline Logo, Slide-in et Fullscreen.


Choisir Centré placera votre logo au-dessus du menu de navigation et centré à la fois dans l'en-tête.

En choisissant le logo Centered Inline Logo, vous placerez le logo en ligne avec les éléments de votre menu Nav, centré entre les liens. Vous pouvez également activer la navigation verticale à partir de cette section, ce qui créera un look radicalement nouveau pour votre site, en plaçant la barre de navigation à gauche de votre contenu.

Barre de menu principale

Dans ce menu, vous pouvez régler la taille, le style et la couleur de votre menu de navigation principal.

Il s'agit de la grande barre blanche en haut de votre page qui contient votre logo et vos principaux liens de menu.

Dans ce panneau vous pouvez faire beaucoup de choses très facilement, comme ajuster la hauteur de votre logo, la couleur de fond de la barre de menu et la couleur de vos liens.

Marque Pleine Largeur

Masquer l'image du logo

Hauteur du menu

Ceci permet d'étendre le menu sur toute la largeur de la fenêtre du navigateur.

Si vous le souhaitez, vous pouvez ici masquer complètement l'image du logo de votre menu.

Ici, vous pouvez modifier la hauteur du menu à volonté. Attention toutefois à ne pas faire en sorte que la hauteur de votre menu soit trop grande, car vous risquez de gaspiller des biens immobiliers précieux sur un menu au lieu du contenu de votre page d'accueil.


Hauteur maximale du logo

Taille du texte, Espacement des lettres, Police, Style de police, Couleur du texte, Cou- leur du lien actif

Couleur de fond

Réglages du menu déroulant

Vous pouvez augmenter ou diminuer le pourcentage de largeur maximale de votre logo pour l'agrandir ou le réduire.


Ces options vous permettent de personnaliser les liens du menu.

Ceci vous permet de changer la couleur de fond de votre menu principal.


Votre menu déroulant n' a pas à hériter du style du menu principal. Ici, vous pouvez créer un design unique pour votre menu déroulant. Vous pouvez même ajouter des animations personnalisées lors de l'affichage du menu déroulant.

Barre de menu secondaire

La barre de menu secondaire est la plus petite des deux barres de navigation qui apparaît au-dessus de la barre de navigation principale.

Ce menu n'apparaîtra que si vous avez assigné un menu à l'emplacement du menu secondaire.

Une fois activée, une petite barre de menu bleue apparaîtra. Ce panneau vous permet de personnaliser cette barre de menu et le texte qu'elle contient, en ajustant la couleur de fond, la couleur du texte et les styles de texte.

Navigation fixe

La barre de navigation fixe se réfère à la barre de navigation lorsqu'elle est fixée en haut de votre écran lorsque vous faites défiler.

Vous remarquerez qu'au fur et à mesure que vous faites défiler la page vers le bas, votre barre de menu reste fixée en haut de l'écran et rétrécit pour fournir un espace plus lisible à l'écran.

Tout ceci est personnalisable depuis le panneau Navigation Fixe.

Vous pouvez ajuster la hauteur du menu si vous pensez qu'il rétrécit trop petit, et vous pouvez ajuster les couleurs du menu et des liens de menu indépendamment de l'état non-fixe du menu.

Éléments d'en-tête

Les éléments d'en-tête sont divers éléments facultatifs qui apparaissent dans votre barre de navigation, chacun d'entre eux pouvant être activé ou désactivé ici, tels que les icônes de suivi social, l'icône de recherche, le numéro de téléphone et l'adresse e-mail.

MERCI