WoodMart Thèmes et Elementor Le constructeur se combine pour fournir aux utilisateurs de puissantes fonctions de conception de menus. Avec l'aide de ces outils, il est facile de créer des méga-menus qui répondent aux besoins des menus multiniveaux, des ic?nes, des méga-menus, etc. et d'optimiser la structure de navigation de votre site Web. Vous trouverez ci-dessous les étapes détaillées pour créer un méga menu à l'aide des thèmes Elementor et WoodMart.

Création de menus de navigation

Sur la base de cette image, voici les étapes à suivre :

• Accès aux paramètres du menu
  existent WordPress Dans le backend, naviguez vers la section Apparence > Menus.
• Créer un nouveau menu
  Sur la page du menu, cliquez sur le bouton "Créer un nouveau menu" et saisissez un nom pour le menu (par exemple "Menu démo").
• Ajouter un élément de menu
  Dans la zone "Ajouter un élément de menu", vous pouvez sélectionner des éléments tels que des pages, des articles, des catégories, des étiquettes, etc. Pour ajouter un nouvel élément de lien, saisissez l'adresse du lien dans la section "Lien personnalisé" (par ex. #) et le texte du lien (par exemple "Accueil"), puis cliquez sur le bouton "Ajouter au menu".
• Réglage de la position du menu
  Dans la section "Paramètres du menu", vous pouvez sélectionner l'emplacement de ce menu (par exemple, menu principal ou menu latéral mobile).
• Sauvegarder le menu
  Lorsque vous avez terminé les réglages, cliquez sur le bouton "Enregistrer le menu" dans le coin supérieur droit de la page pour enregistrer les modifications.

Mise en place de menus déroulants

Ajouter un élément de menu
Dans la section "Ajouter un élément de menu", vous pouvez sélectionner des pages, des articles, des catégories, etc. et les ajouter au menu. Par exemple, cochez la page "Mon compte", la page de paiement, la page du panier d'achat, etc. et cliquez sur le bouton "Ajouter au menu".

Création de sous-menus
Si vous souhaitez que certains éléments de menu deviennent des sous-menus déroulants, il vous suffit de les faire glisser sous l'élément de menu cible. Par exemple, faites glisser la page Mon compte sous l'élément de menu Accueil et elle deviendra un sous-menu de cet élément de menu.

Restructuration du menu
Dans la section "Structure du menu" à droite, vous pouvez voir les éléments de menu ajoutés. En faisant glisser les éléments de menu, vous pouvez les réorganiser ou les imbriquer dans des sous-menus.

Super menu pleine largeur

Sélection d'éléments de menu et ajout de blocs HTML
existent WordPress Dans le backend, sous Apparence > Menus, sélectionnez le menu que vous souhaitez modifier. Dans les paramètres de l'élément de menu à droite, cliquez sur "Ajouter un nouveau bloc HTML" pour ajouter un contenu personnalisé au menu.

Paramétrage de la conception des éléments de menu
Dans le menu déroulant Conception, sélectionnez l'option Pleine largeur. Les éléments du menu seront alors affichés en pleine largeur sur la page.

Nommer les blocs HTML
Dans le champ de saisie en haut de la page pour HTML Nom des blocs (par exemple, "Full width mega menu").

Utilisation de l'éditeur Elementor
Après avoir nommé le bloc HTML, cliquez sur "Utiliser". Elementor Le bouton "Edit" permet d'accéder à l'interface de l'éditeur d'Elementor.

Ajouter des listes de menus supplémentaires
Glisser le widget elementorListe de menus supplémentaireset cliquez dessus pour en faire une copie éditoriale.

Ajouter des blocs HTML personnalisés pour les éléments de menu
Dans la section "Champs personnalisés (pour le thème)", sélectionnez l'option "Bloc HTML pour la liste déroulante". Sélectionnez le bloc HTML (par exemple, "Full width mega menu").

Enfin, revenez à l'interface pour prévisualiser l'effet, effectuez les derniers ajustements pour obtenir le résultat final.

Préservation du design
Une fois que vous avez fini de concevoir et d'ajuster le menu, n'oubliez pas d'enregistrer toutes les modifications en cliquant sur le bouton "Mettre à jour" dans le coin supérieur droit de la page.

Ajout d'un onglet de super-menu

Lors de la création d'un méga-menu pleine largeur, vous pouvez ajouter des étiquettes à chaque élément du menu. Par exemple, ajoutez des étiquettes "Articles chauds", "Nouveaux arrivages" ou "Réductions" pour mettre en évidence certains éléments importants du menu.

Pour ce faire, il faut Elementor L'option "Tags" de l'éditeur est paramétrée pour aider les visiteurs à identifier rapidement les contenus clés.

Méga menu de taille personnalisée

Sélectionner les éléments du menu et configurer le dessin ou modèle
existent WordPress Sur la page Apparence > Menus dans le backend, sélectionnez l'élément de menu que vous souhaitez modifier. Dans les paramètres de l'élément de menu à droite, vous pouvez sélectionner l'option "Design" et la régler sur "Définir les tailles".

Ajouter des blocs HTML personnalisés
Dans la section "Bloc HTML pour le menu déroulant", cliquez sur le menu déroulant et sélectionnez l'option "Ajouter nouveau". Si vous souhaitez ajouter un contenu personnalisé ou une liste de menu supplémentaire aux éléments de menu, vous pouvez sélectionner cette option et créer un nouveau bloc HTML.

Utilisation de l'éditeur Elementor
Après avoir nommé HTML Après le bloc, cliquez sur le bouton "Edit with Elementor" pour accéder à l'interface de l'éditeur Elementor.

Ajouter des listes de menu et des produits supplémentaires (grille et rotation)
existentelementorFaire glisser le widgetListe de menus supplémentaireset cliquez dessus pour en faire une copie éditoriale. Faites ensuite glisser unProduits (grille ou carrousel)Dans l'éditeur Elementor, sélectionnez d'abord le widget que vous souhaitez modifier.

Dans le panneau des paramètres sur la gauche, trouvez l'option Mise en page Partie. Dans la Produits en survol Dans le menu déroulant, sélectionnez le type de mise en page souhaité :GrilleetListe peut-être Carrousel. Nous choisissons iciCarrousel.

Dans l'éditeur Elementor, sélectionnez la région ou le widget que vous souhaitez modifier.

Dans le panneau de gauche, cliquez sur Carrousel Section de configuration.

existent Diapositives par vue Dans le curseur, réglez le nombre de diapositives affichées à la fois. Vous pouvez régler le nombre sur 1 ou plus si vous le souhaitez.

Défilement par pageLorsque cette option est activée, chaque défilement portera sur une page entière et non sur un seul produit. Cette option peut être activée ou désactivée selon les besoins.

Masquer le contr?le de paginationSi vous ne souhaitez pas afficher la commande de recherche de personnes, vous pouvez activer cette option pour masquer le bouton de recherche de personnes.

Masquer les boutons précédent/suivant: Activez cette option si vous ne souhaitez pas que le bouton précédent/suivant s'affiche.

Autres options

Mode central: Vous pouvez activer cette option si vous souhaitez que le diaporama soit centré.

Boucle coulissanteLorsque cette option est activée, le diaporama se déroule en boucle et l'utilisateur peut faire défiler les images à l'infini.

Slider autoplay: Vous pouvez activer cette option si vous souhaitez que le diaporama soit lu automatiquement.

Init carousel on scrollLorsque cette option est activée, la rotation ne démarre que lorsque l'utilisateur fait défiler la page, ce qui permet d'optimiser les performances.

Sauvegarder les paramètres

Une fois que vous avez terminé tous les réglages, cliquez dans le coin inférieur droit de la page sur l'ic?ne mettre à jour pour enregistrer les modifications.

Réglage de la taille du menu déroulant
Configurez la largeur et la hauteur du menu déroulant. Dans les champs "Largeur du menu déroulant" et "Hauteur du menu déroulant", entrez les valeurs souhaitées pour redimensionner le menu déroulant.

Après l'avoir configuré, revenez à l'aper?u frontal et ajustez-le à vos besoins, puis vous pouvez enregistrer les paramètres.

remarques finales

En combinant l'utilisation de Elementor constructeurs et WoodMart vous pouvez créer un super menu qui s'adapte à une variété d'appareils. Ce type de menu est non seulement beau et riche en fonctionnalités, mais il permet également d'afficher davantage de contenu et d'options de navigation, améliorant ainsi l'efficacité de la navigation sur le site.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.