Tutoriel Blocksy : Utiliser des blocs de contenu pour créer des menus dynamiques avancés

Si vous cherchez une façon plus souple et plus avancée de présenter votre menu.Blocksy Pro proposé Extension des menus avancésIl suffit de savoir ce qu'il faut faire pour répondre à ce besoin. Cet article décrit comment combiner Gutenberg Rédacteurs et Blocs de contenuLe système de menu dynamique et interactif qui améliore l'expérience de navigation sur le bureau a été conçu sur mesure.

Activer les extensions de menu avancées

Tout d'abord, rendez-vous à l'adresse suivante WordPress Blocksy Dashboard dans le backend, activez Menus avancés Module d'extension. Lorsque vous avez terminé, vous pouvez commencer à construire ce que vous voulez afficher dans le menu.

Création de blocs de contenu

Le contenu du menu avancé provient des blocs de contenu. La procédure de base est la suivante :

• Accédez à la page Blocksy > Blocs de contenu
• Cliquez sur le coin supérieur droit Ajouter un nouveau

• Sélectionner un type de bloc de contenu standard
• Nommer les blocs de contenu (il est recommandé que les noms soient identifiables et faciles à distinguer)

Chaque élément du menu peut être associé à un bloc de contenu. Bien que le texte fournisse une démonstration du contenu prédéfini, vous devrez concevoir votre propre bloc de contenu dans votre site.

Utilisation recommandée Gutenberg Reusable Blocks pour construire ces blocs de contenu, ou vous pouvez mélanger des modules statiques pour obtenir une mise en page plus riche.

Une fois cela fait, allez dans "Conditions d'affichage" et réglez le bloc de contenu sur Tout le site web(affichage complet du site). Il n'est pas nécessaire de régler d'autres paramètres, car l'extension du menu les appelle automatiquement.

Nous allons créer des blocs de contenu pour des éléments de menu tels que "Blog" et "À propos de nous", comme nous l'avons fait ci-dessus.

Configuration de la structure du menu

entrer dans WordPress Apparence > Menu" dans le backend pour commencer à définir les éléments du menu :

1. activer les options du menu avancé

Cliquez sur l'élément de menu de premier niveau que vous souhaitez personnaliser. "Réglages des éléments de menu" Bouton. Cliquez dessus pour l'activer :

• Disposition du menu déroulant (par exemple, une colonne, deux colonnes, etc.)
• Supprimer ou non les étiquettes ou les liens du menu
• Ajout d'une icône ou d'une marque (badge)
• Paramètres de style personnalisés (Design)

2. ajouter des liens personnalisés

Pour afficher les blocs de contenu sous forme de menu, il est recommandé d'utiliser des liens personnalisés comme sous-éléments :

• URL remplir les blancs #(ne représente aucun lien)
• Le nom peut être personnalisé pour faciliter l'identification

• Faites glisser l'élément sous le menu parent correspondant pour créer la hiérarchie.

Développez l'élément de menu et sélectionnez "Content Type". Bloc de contenuet sélectionnez le bloc de contenu que vous venez de créer dans la liste.

Il est recommandé de désactiver l'affichage de l'étiquette et du lien pour cet élément afin d'afficher le style du bloc de contenu complet.

Complétez l'insertion des autres blocs de contenu de la même manière.

Voir le résultat final

Après avoir sauvegardé le menu, passez à l'interface pour voir le nouvel effet de menu dynamique avancé. Ces menus peuvent afficher une multitude d'informations, telles qu'une vue d'ensemble des catégories, des recommandations de produits, des représentations graphiques, etc., dépassant complètement les limites des menus déroulants traditionnels.

Examiner le processus de construction

• Utilisez les blocs de contenu pour créer toutes sortes demenuélément
• Activer les fonctions avancées du menu pour les éléments de premier niveau du menu
• Ajout de sous-éléments et association de blocs de contenu
• Sauvegardez les paramètres et allez dans la partie frontale pour voir l'affichage.

résumés

effet de levier Blocksy Pro Le menu avancé fonctionne avec la fonction Blocs de contenu avec Gutenberg Editor, vous pouvez construire un système de menu hautement interactif et magnifique. L'ensemble du processus ne nécessite pas de codage, l'utilisation est intuitive et convient aux sites ayant des exigences plus élevées en matière de conception de menus.

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
① 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.