Dans la conception d'un site web, une navigation claire peut améliorer de manière significative l'expérience de l'utilisateur et la conversion du contenu.Blocs Kadence Le bloc de navigation avancé (Navigation Adv Block) possède de puissantes capacités de construction de navigation, adaptées à une structure de page claire, à une classification multi-colonnes du site. Dans cet article, nous allons présenter le sous-menu et le bloc de navigation avancée. Méga Comment les menus sont créés et les méthodes de personnalisation du style.

Création de la navigation

utiliser Kadence pour construire rapidement le menu principal. L'insertion du bloc Navigation (Adv) Après le bloc, vous pouvez sélectionner une navigation existante ou créer une nouvelle structure de navigation et passer à la construction visuelle de la navigation.

Si vous utilisez un modèle d'en-tête avancé, vous pouvez sélectionner ou créer une nouvelle navigation en cliquant simplement sur la zone du menu de navigation.

Ajouter des liens de navigation

Le constructeur de navigation offre des moyens flexibles d'ajouter des liens. Il permet de sélectionner des types de contenu tels que des pages, des articles, des produits, etc. Des liens personnalisés peuvent également être ajoutés manuellement. Le titre et l'adresse du lien peuvent être ajustés pour chaque lien, et le tri est effectué par une opération de glisser-déposer.

Il est également possible d'insérer manuellement des blocs de liens de navigation en cliquant sur le signe plus de la barre d'outils dans l'éditeur et en saisissant les informations pertinentes.

Uniformité du style ou personnalisation

Le style des liens de navigation peut être défini de manière uniforme ou ajusté individuellement pour chaque lien. Dans les paramètres avancés du bloc de navigation, les styles de base tels que les polices, les couleurs, les bordures et les arrière-plans peuvent être définis. Le bloc de liens de navigation lui-même comprend également des modifications de style pour répondre à des besoins de conception plus souples.

Ajouter une structure de sous-menu

Les sous-menus sont utilisés pour ajouter une hiérarchie déroulante aux éléments du menu principal. Ils peuvent être créés de deux manières différentes :

• Dans le générateur de navigation, sélectionnez un élément du menu principal et cliquez sur "Ajouter des liens vers des sous-menus"

• Dans la barre d'outils du bloc de liens de navigation, cliquez sur l'ic?ne Embo?té pour créer un élément de navigation subordonné

Il est également possible de former une hiérarchie en faisant glisser des blocs de liens sous d'autres éléments de menu à l'aide de la vue en liste.

Réglage de l'apparence des sous-menus

Le style du sous-menu permet des réglages globaux et individuels. Des paramètres tels que la couleur d'arrière-plan, l'espacement, les bordures, les ombres, etc. peuvent être ajustés et les animations d'affichage (par exemple, fondu, glissement) peuvent être personnalisées. Le texte de description du sous-menu peut également être défini indépendamment, y compris la police, la couleur et la typographie.

L'ajout de séparateurs entre les éléments du menu permet d'améliorer le sentiment de regroupement visuel.

Structure de navigation à plusieurs niveaux

Dans un sous-menu, on continue à imbriquer le niveau suivant d'éléments de menu, pour construire un système de navigation à trois niveaux ou plus. Cette structure convient aux sites comportant un grand nombre de catégories de contenu, tels que les sites éducatifs, les centres commerciaux et les sites de services aux entreprises.

Plusieurs niveaux de navigation peuvent être créés simplement en imbriquant d'autres blocs de liens de navigation sous les éléments de sous-menus existants.

Utiliser le méga menu pour afficher un contenu riche

Méga Le menu convient aux rubriques à forte intensité d'information, telles que le centre des produits, la vue d'ensemble des rubriques, etc. Il permet d'afficher divers contenus tels que des graphiques, des ic?nes et des boutons.

Lorsqu'un bloc de liens de navigation est sélectionné et que la fonction Méga menu est activée, vous pouvez choisir de commencer par un espace vide ou d'utiliser un modèle prédéfini pour la mise en page. Prise en charge de l'insertion de n'importe quel Kadence Blocs tels que les dispositions en colonnes, les en-têtes, les images, les boutons, etc.

Vous pouvez contr?ler manuellement la largeur du méga-menu pour l'adapter à vos besoins.

Mise en page rapide à l'aide de modèles prédéfinis

Kadence Offrir de multiples Méga Les modèles de menu (par exemple, les types A à G), avec une structure de contenu intégrée, peuvent être utilisés en rempla?ant simplement le texte et les images.

Ces modèles conviennent aux structures de pages courantes telles que les catégories de centres commerciaux, les départements de l'entreprise, les modules de services, etc.

Utilisation combinée des sous-menus et des méga-menus

Un système de navigation dans lequel certains éléments de menu utilisent des sous-menus et d'autres utilisent le menu principal. Méga est une disposition très courante. Exemple :

• "offres"Utilisation du menu Le méga menu affiche plusieurs séries de liens graphiques.

• Le menu "Service Support" présente les informations de contact, les FAQ, etc. à l'aide d'un menu déroulant normal.

Ces deux structures peuvent être combinées librement dans le cadre d'une navigation et d'une réponse flexible aux différentes exigences des pages.

Migration du contenu du Mega Menu dans les thèmes Kadence

Si vous avez déjà utilisé le Kadence éléments créés Méga qui peut également être copié pour être utilisé dans la nouvelle navigation avancée.

entrer dans Kadence → éléments, modifiez le contenu correspondant, utilisez la vue en liste pour sélectionner le bloc en entier et le copier. Revenez à la navigation d'en-tête avancée, sélectionnez l'élément de lien qui ouvre le méga-menu, collez le contenu copié et terminez la migration.

résumés

Kadence Les blocs de navigation avancés offrent une organisation puissante de la navigation pour les exigences structurelles à un ou plusieurs niveaux. Qu'il s'agisse d'un menu déroulant de base ou d'un méga-menu graphique à plusieurs colonnes, il peut être construit rapidement et stylisé de manière flexible à l'aide de l'éditeur visuel.

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.