Créer des menus de navigation avancés : un tutoriel complet sur les menus avancés de blocksy

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

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

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

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

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

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
Image [7]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress

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
Image [9]-Tutoriel de menu avancé Blocksy : Créer un menu de navigation interactif multi-colonnes sur WordPress

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

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

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


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
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.
? Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations5232 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires