C’est une question assez récurrente donc il me semblait utile d’en faire une vidéo explicative.
C’est très simple à faire et idéale pour personnaliser son site. Le thème DIVI est Responsive (il s’adapte à la taille de l’écran ordi, tablette, smarphone etc…) alors pensez à vérifier ce que cela donne sur de plus petits formats avant de valider votre design.
En conclusion, il faut : se rendre dans l’onglet Divi – Options du Thème – Logo. Puis cliquez sur Mettre en ligne et choisir son image dans la bibliothèque ou bien la télécharger directement depuis son ordinateur pour changer le logo Divi wordpress.
Choisir le bon style d’en-tête avec Divi
Pour cela il faut aller dans l’onglet Apparence – Personnaliser – En-tête et Navigation – Format de l’En-tête.
Puis il faut aller dans le menu déroulant et choisir le bon syle d’en-têtes Divi :
Défaut
Centré
Logo inline centré
Slide In
Plein Écran
Puis on a différents réglages à appliquer sur le logo Divi wordpress :
Cacher la barre de navigation si aucun défilement
En activant cette option, le menu principal apparaîtra seulement lorsque le visiteur scroll (descend) vers le bas de la page sinon la navigation disparait.
Activer la navigation verticale
Avec une activation de logo fixe et latérale, à droite ou à gauche.
En-tête Centré
L’en-tête centré affiche le logo au centre de votre page, juste au dessus des menus.
Logo Inline Centré
Place votre logo vraiment au centre des menus.
Logo Slide In
Le logo Slide In, offre un menu qui permute vers la droite lorsque le visiteur clique sur l’icône du menu.
En-tête Plein Écran
L’en-tête plein écran de Divi va complètement recouvrir la page. Lorsque l’internaute clique sur une icône du menu, l’écran est entièrement recouvert et fait apparaitre les différents éléments du menu.
Puis vous allez pouvoir définir l’apparence des éléments de votre menu.
La plupart des options que proposent Divi se trouvent dans le back office à l’intérieur de l’onglet Apparence – Personnaliser – En-tête et Navigation – Barre de Menu Primaire. À partir de cet endroit, vous pouvez :
définir le menu en mode pleine largeur
cacher l’image du logo dans le menu si vous le souhaité
définir la hauteur du menu
définir la hauteur du logo
choisir la taille de la typographie et l’espacement des lettres
définir la police de caractère ainsi que son apparence (gras, italique, majuscule)
définir la couleur des éléments de votre menu (couleur du texte, couleur des sous-éléments …)
choisir une couleur d’arrière-plan pour le menu principal ainsi que pour les menus déroulants
choisir la couleur de la ligne du menu déroulant ainsi que l’animation de ce menu.
Pour finir, on peut modifier les en-têtes de type Slide In et mode Plein Écran.
Ces options se trouvent en allant dans l’onglet Apparence – Personnaliser – En-tête et Navigation – Slide In & Paramètres Header Plein écran.
Pour conclure, les options de personnalisation sont les mêmes que celles du menu Slide In. Et vous pourrez également décider de l’opacité générale de la couleur d’arrière-plan.
C’est vraiment très simple de configurer son logo et l’aspect générale de son site internet.
Je vous invite à regarder les autres vidéos de la chaine pour vous professionnaliser dans les business en ligne.
