Astra Theme Menu Setup Explained : A Comprehensive Guide from Basic to Mega Menu (04)

Dans un billet précédent, nous avons exploré en détail les Thème Astra(utilisé comme expression nominale)Version payante avec importation de modèlesLa différence. Dans l'article de ce numéro, nous nous pencherons sur la question de la différence entre les deux. Thème AstraLes paramètres du menu. Pour tout site web, le menu est un outil de navigation crucial, qui détermine non seulement l'expérience de navigation de l'utilisateur, mais affecte aussi directement la disposition générale et l'esthétique du site web. Avec les puissantes fonctionnalités du thème Astra, vous pouvez facilement mettre en place un méga menu beau et pratique pour améliorer la texture de votre site web et l'expérience de l'utilisateur.

Dans les différents thèmes précédents nous avons parlé du menu, les paramètres du menu sont similaires, sur une page d'ajout (page), le deuxième est un lien personnalisé, le troisième est ce que vous voulez ajouter comme les catégories de produits ou d'autres éléments.

Etapes : Backend du site web → Apparence → Menus

Pourquoi la page affiche-t-elle Elementor, parce qu'elle montre que la page est éditée par Elementor, et que l'éditeur par défaut n'est pas affiché.

Il existe également des pages qui affichent une page, qui est la page principale de la configuration, telle que la page d'accueil, le blog, la boutique, le panier, la caisse.

Si vous ne voulez pas vous contenter d'un affichage unique, mais que vous souhaitez obtenir un effet plus beau et plus unique, vous pouvez procéder comme suit

Une variété d'effets, n'est pas beaucoup mieux que l'effet ordinaire, la prochaine fois je vous apprendrai comment configurer le super menu !

Comme le montre la figure ci-dessus, nous devons configurer le menu secondaire sous le nom de navigation principal pour activer l'option super menu.La liaison peut être réglée sur \ ou #

Comme dans l'image ci-dessus, ouvrez d'abord ce super bouton de menu Oh !

Choisissez ensuite la largeur d'affichage appropriée, vous pouvez choisir la largeur du plein écran ou la largeur du menu, et la largeur personnalisée, très intelligent !

Vous pouvez ensuite définir la couleur de l'arrière-plan du menu ou insérer une image d'arrière-plan et l'ajuster comme il convient.

Et bien sûr, l'ajustement des couleurs des titres, du texte et des liens.

Enfin, cliquez sur "hold" et vous avez terminé la première étape.

Ensuite, nous devons définir le titre du méga menu, le premier, que vous pouvez considérer comme l'en-tête.

Puis l'adresse du lien\ ou #Cliquez ensuite sur le Super Menu

Donnez-lui un titre, il sera plus facile de le distinguer de ses sous-éléments. Désactivez également le lien, s'il y a un lien, il y aura un effet dynamique dans le front-end au toucher de la souris, s'il s'agit juste d'un affichage, désactivez le lien.

Il existe également une couleur de séparation, qui permettra à cette personne de faire plus facilement la distinction entre

Il existe bien sûr une autre façon de définir le séparateur, mais un super menu comme celui-ci serait plus simple et plus adaptable.

Comme ci-dessus, par le biais d'un lien personnalisé, mais cela ne permet pas de bien contrôler la longueur, il s'agit donc d'une simple référence.

Puis ses sous-éléments sur l'ajout normal sur la ligne, pas besoin de déplacer le super menu, ce n'est pas très simple !

Parlons d'un autre super menu

Nous voyons que l'effet du front-end n'est pas d'afficher le titre, vous voyez que vous pouvez avoir des questions, en fait, sur le super menu où le titre est caché.

Comme indiqué ci-dessous, l'image est ajoutée à la position du super menu, tout le reste est identique.

Comme le montre le schéma ci-dessous, nous devons le régler étape par étape afin de sélectionner l'image, sinon elle n'existe pas

Résumé :
Avec les explications détaillées de cet article, je pense que vous avez maîtrisé la mise en place d'un méga menu dans le thème Astra. La conception d'un menu n'est pas seulement un simple paramètre de navigation, mais aussi une partie importante de l'amélioration de l'expérience utilisateur et du professionnalisme de votre site Web. Dans le prochain article, nous continuerons à explorer d'autres fonctionnalités du thème Astra, y compris les diaporamas et d'autres paramètres détaillés, pour vous aider à créer un site Web encore meilleur.