Un tutoriel complet sur la création de menus déroulants multi-niveaux avec WoodMart.

Vous souhaitez rendre la navigation de votre site web plus professionnelle et mieux catégorisée ?Thèmes WoodMartFonctionnalités de gestion de menu intégrées et puissantes qui permettent de créer des menus à plusieurs niveaux.menu déroulantIl convient aux stations de commerce électronique, aux sites web de marques ou aux plateformes de contenu. Il suffit d'une simple configuration pour obtenir un effet de navigation multi-niveaux similaire à celui du "survol", c'est-à-dire de l'expansion.

I. Conditions préalables

Avant de commencer, assurez-vous que le site remplit les conditions suivantes :

• WordPress est installé et fonctionne !
• Thème WoodMart activé (dernière version recommandée)
• WoodMart Core Plugin installé et activé (le système vous demandera de l'installer automatiquement)

II. créer la structure du menu

Les étapes sont les suivantes :

• Allez dans le backend, cliquez sur "Apparence" > "Menu".

• Créez un nouveau menu et donnez-lui un nom (par exemple, Menu principal).

• Cochez une page, une catégorie ou un lien personnalisé sur le côté gauche et cliquez sur "Ajouter au menu".

• Faites glisser et déposez les éléments de menu pour définir la hiérarchie :
  • Le menu de premier niveau est affiché directement dans la barre de navigation
  • Faites glisser les éléments de menu secondaires ou tertiaires légèrement vers la droite pour former une structure imbriquée.

Exemple :

Centre commercial (Niveau 1)
├── Vêtements pour hommes (Niveau 2)
│ ├─── T-shirts (Niveau 3)
│ └── Veste (Niveau 3)
├─ Vêtements pour femmes
└─ Accessoires

• Cochez "Faire de ce menu le menu principal".

• Cliquez sur Enregistrer

Activation des styles de menus déroulants WoodMart

WoodMart Fournir une variété de dispositions de menu , vous pouvez rendre le menu multi-niveaux plus beau et plus ordonné .

Méthode de réglage :

• Cliquez sur l'un des composante du menu
• Vous pouvez le définir dans la fenêtre de paramétrage de la fenêtre contextuelle :
• Type de liste déroulante incorporer DéfautetLargeur totale et al. (et autres auteurs)

IV. ajouter des icônes ou des étiquettes aux éléments de menu (facultatif)

Pour rendre le menu plus attrayant, vous pouvez ajouter des icônes ou des logos textuels à certains éléments du menu.

Procédure d'exploitation :

• Dans l'écran d'édition du menu, cliquez sur la flèche déroulante à droite de chaque élément du menu.
• Remplissable :
  • Classe CSS personnalisée (pour l'ajout d'icônes)
  • Description (le sous-titre peut être affiché)

• Si vous ne voyez pas ces champs, cliquez sur "Show Options" dans le coin supérieur droit de la page et cochez tous les attributs visibles.

Avec Font Awesome ou les icônes propres à WoodMart, vous pouvez afficher des logos tels que "Hot" et "New".

V. Recommandations en matière d'optimisation mobile

• WoodMart est livré avecMenu réactifLe bouton se réduit automatiquement en un bouton hamburger.
• Si nécessaire, une section séparée pourmobileMenu pour créer une version plus propre

VI. problèmes communs et solutions

questions	guérir
Le menu n'affiche pas la structure à plusieurs niveaux	Vérifier s'il y a une erreur de déplacement ou si la liste déroulante n'est pas activée. Style de menu
Impossible de cliquer sur le sous-menu	Vérifiez qu'il n'y a pas de conflits de script, essayez de désactiver certains des éléments suivants Test des plugins
Icône non affichée	Vérifiez que le nom de la classe d'icônes est correct et que l'icône Font Awesome
Désordre dans le contenu du Mega Menu	Vérifier que le nombre de colonnes n'est pas trop élevé ou que l'incompatibilité est utilisée. widgets

remarques finales

La création de menus déroulants à plusieurs niveaux avec WoodMart peut aider les visiteurs à trouver rapidement leur page cible, ce qui augmente l'efficacité de la navigation et les taux de conversion. Il est recommandé aux débutants de commencer parMenu de baseCommencez par Mega Menu, puis explorez progressivement les fonctions avancées telles que Mega Menu. Si vous souhaitez créer une navigation de site Web complète, clairement structurée et adaptée aux mobiles, les outils fournis par WoodMart sont suffisamment puissants.

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.