Remplacer la barre de menu principale par le module Divi Full Width menu

La barre de menu principale simplifie la navigation des visiteurs. En plus de la barre de menu principale par défaut que nous utilisons dans WordPress, il se peut que rencontriez des modules de menu pleine largeur fournis par Divi. En général, il est utilisé pour afficher damp;rsquoautres menus sur le site qui sont différents du menu principal en haut de la page. Cependant, pouvez facilement remplacer la barre de menu principale par un module de menu pleine largeur. Cela donne la liberté de placer le menu à namp;rsquoimporte quel endroit désiré sur la page sans avoir à traiter les menus répétitifs en haut de la page. Vous pouvez également utiliser les options intégrées de Divi pour façonner le menu comme le souhaitez, ce qui signifie que pouvez créer des résultats étonnants en utilisant des options telles que les bordures et les séparateurs.
Dans ce tutoriel, nous montrerons comment utiliser le progiciel de mise en page des menus de Divi pour remplacer la barre de menu principale par un module de menu complet. Cela fait partie de notre plan de conception Divi en cours. Vous pouvez choisir damp;rsquoappliquer cette méthode à toutes les pages ou seulement à certaines damp;rsquoentre elles. Allons y! Aperçu avant damp;rsquoaller plus loin dans le tutoriel cas damp;rsquoutilisation, jetons un coup damp;rsquooeil rapide aux résultats finaux sur différents écrans de taille. Désactiver la barre de navigation fixe aller aux options de thème Divi la première chose que nous devons faire est de désactiver les options de navigation fixe dans les options de thème Divi. Nous le faisons pour supprimer lamp;rsquoespace du menu principal en haut de la page. Pour ce faire, allez au tableau de bord WordPress amp;gt Divide amp;gt Theme Options.
Désactiver la barre de navigation fixe ouvre lamp;rsquoonglet général et désactive les options de la barre de navigation fixe. Créer un menu principal aller au menu la prochaine chose que nous devons faire est de créer un menu principal. Nous utilisons ce menu principal pour les deux barres de menu
Drop down: 000000 Move Menu Background color: 000000 Paramètres du texte du menu Enfin, nous veillerons à ce que les paramètres du texte correspondent au paquet de mise en page: poids de la police du menu: style de police du menu ultra bold: majuscules
Définissez la section pleine largeur à global et enregistrez la comme une section globale sur damp;rsquoautres pages. Nous avons fini de créer le nouveau menu principal! prévoyez lamp;rsquoutiliser sur damp;rsquoautres pages, continuez à lamp;rsquoajouter à la Bibliothèque Divi en tant quamp;rsquoélément global. Ajouter à damp;rsquoautres pages sans barre de menu principale pouvez maintenant facilement ajouter ce menu pleine largeur à damp;rsquoautres pages. Vous pouvez choisir son emplacement et pouvez librement jouer avec les options de conception intégrées, les résultats! Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille.
Dans nous montrons comment remplacer la barre de menu principale en haut de la page par un module de menu complet. En utilisant cette méthode, pouvez placer des menus namp;rsquoimporte où sur la page. De plus, il peut être modélisé en utilisant les options intégrées de Divi. avez des questions ou des suggestions, assurez de laisser vos commentaires dans la section commentaires ci dessous.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins