Une navigation unique et attrayantemenuIl peut rendre le site web plus attrayant.blocksyLa fonction de menu avancé offre des méthodes de configuration flexibles pour rendre le module de navigation de la page plus riche et plus interactif. Cette fonction convient aux blogs, aux sites d'entreprise, aux boutiques et à bien d'autres scénarios, et peut améliorer considérablement la conception générale.
![Image[1]-blocksy Tutoriel de menu avancé : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430103626713-image.png)
Fonction
blocksyLe menu avancé est une fonction avancée qui vous permet d'ajouter les éléments suivants au menu :
- Bloc de contenu
- Ic?nes (support Font Awesome)
- Galerie de photos
- Titre de la catégorie
- Insignes de colonne (par exemple, NOUVEAU, CHAUD, etc.)
Il s'affranchit des limites du menu déroulant traditionnel, peut facilement construire une structure multi-colonnes, une combinaison graphique de style de navigation.
Marche à suivre pour activer la fonction
entrer dansWordPressBackend, cliquez dans l'ordre :blocksy> Extensions > Pro Extensions, trouvez "Menus avancés" et cliquez sur le bouton Activer. Une fois la fonction activée, vous pouvez utiliser les paramètres du menu avancé.
![Image [2]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430103830539-image.png)
Edition des menus et définition de la structure
Allez dans "Apparence > Menus", sélectionnez l'élément de menu cible (par exemple "Recettes"), cliquez sur le bouton Paramètres sur le c?té droit, et activez les options de menu avancées dans la fenêtre pop-up.
![Image [3]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430104039454-image.png)
Le menu prend en charge trois largeurs :
- Largeur du contenu : correspond à la largeur de la zone de contenu du site web
- Pleine largeur : occupe toute la largeur du navigateur
- Largeur personnalisée : valeur en pixels personnalisée pour contr?ler la largeur.
![Image [4]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430104426650-image.png)
Le menu peut être divisé en 1 à 6 colonnes et la largeur de chaque colonne peut être réglée individuellement.
![Image [5]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430104717376-image.png)
Méthodologie de conception de textes mixtes
Ajouter un lien vide dans le menu (URL (remplissez # pour faciliter l'identification), définissez-le comme type de "bloc de contenu". Sélectionnez un modèle existant comme module d'affichage, adapté à l'insertion d'images,tourner, contenu recommandé, etc.
![Image [6]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430105850939-image.png)
![Image [7]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430110026591-image.png)
Dans le module Catégorie, les éléments du menu peuvent être formatés comme de grands titres et des ic?nes peuvent être ajoutées. Les ic?nes de la bibliothèque d'ic?nes Font Awesome sont prises en charge pour rendre les titres plus reconnaissables.
![Image [8]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430110151226-image.png)
![Image [9]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430110246779-image.png)
Ajout de logos et de badges catégorisés
Si vous avez besoin de mettre en évidence des éléments de menu spécifiques, tels que du nouveau contenu ou des recommandations de nouveaux produits, vous pouvez ajouter un badge, par exemple "Nouveau" ou "Chaud", afin d'attirer les clics.
![Image [10]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430105306157-image.png)
Disposition des sous-structures
Chaque colonne correspond à une sous-rubrique de premier niveau dans le menu. Plusieurs liens ou sous-modules peuvent être ajoutés sous cette colonne. Exemple :
- Alimentation saine (titre)
- Recommandations pour le petit-déjeuner (sous-liens)
- Recettes légères (sous-liens)
- Recommandations de boissons (bloc d'images)
Cette structure permet de classer les informations en vue de les présenter de manière logique et visuelle.
Styles personnalisés
Soutenir l'adaptation des éléments suivants :
- Taille de l'ic?ne
- Polices d'étiquettes
- espacement en ligne
- Couleur d'arrière-plan et couleur de survol
Ce type de configuration est très utile pour faire correspondre la cohérence visuelle à la tonalité de la marque.
Sauvegarder et visualiser les résultats
Après avoir terminé la configuration du menu, cliquez sur "Enregistrer le menu", puis visitez la page d'accueil pour voir l'effet réel. Le menu de navigation sera présenté sous la forme d'une combinaison de graphiques et de texte, avec un affichage en plusieurs colonnes, afin d'améliorer l'impression générale.
![Image [11]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250430110610694-image.png)
résumés
blocksyLe menu avancé est un élément clé de la conception d'un site web. Qu'il s'agisse d'afficher des catégories complexes, de promouvoir un nouveau contenu ou d'améliorer la structure visuelle, il peut constituer un outil de conception important.
Mises à jour récentes
Lien vers cet article :http://gqxi.cn/fr/52868L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires