Théories fumeuses, affirmations gratuites, croyances sans fondement :
arrêtez de croire et de faire n’importe quoi en SEO !

 Blog WordPress

Astra Pro, un thème d'excellence

Beau et riche

Beau, rapide, riche en fonctionnalités mais facile à utiliser, le thème WordPress Astra Pro compte parmi les meilleurs du marché, raison pour laquelle je l’utilise sur tous mes sites.

180 modèles de site

Fourni avec une galerie de plus de 180 templates, il permet de réaliser rapidement un site professionnel ou thématique – blog, magazine, site-vitrine, boutique e-commerce…

Licence Pro

La licence est vendue 49$ à l’année ou 239$ à vie.
Astra Pro Mega menu

Créer un méga-menu avec Astra Pro

4.5
(10)

Le thème WordPress Astra en version Astra Pro permet de créer un méga-menu de navigation qui permet d’améliorer l’expérience utilisateur avec une interface plus visuelle.

Activation du module Menu de navigation

Après avoir installé et activé le plugin Astra Pro, on accède à la page Apparence > Options d’Astra.

Là, dans la liste des modules, on active le module intitulé Menu de navigation, qui permet en fait de créer un méga-menu.

Les modules dAstra Pro
Les modules d’Astra Pro

Création du méga-menu

Ensuite, pour créer ce méga-menu on doit d’abord passer par l’interface ordinaire de WordPress et se rendre sur la page Apparence > Menus.

Là, on affiche son menu principal.

Définir un élément de menu de premier niveau comme méga-menu

Puis, on ouvre un des éléments de ce menu : on remarque qu’Astra y a ajouté un bouton « Astra paramètres du menu ».

Les parametres du menu dans Astra Pro
Les paramètres du menu dans Astra Pro

On clique dessus, cela ouvre une fenêtre, on coche la case « activer le méga-menu » et cela fait apparaitre de nouvelles options.

On contrôle alors :

  • la largeur de ce méga-menu (largeur du contenu, pleine largeur, largeur personnalisée, etc)
  • la couleur de l’en-tête
  • la couleur de l’arrière-plan de cette partie du menu
  • l’image d’arrière plan et ses paramètres : sa répétition, sa taille, sa position
  • les couleurs des typos
  • l’étiquette (ex, des mentions « Nouveau », « Promo », « Gratuit », etc) 
  • les marges

Ensuite, on quitte cette interface pour revenir sur la page Apparence > Menu.

Définir un sous-menu en mode méga-menu

On clique maintenant sur un élément de niveau inférieur à l’élément de menu qu’on vient de régler.

On clique sur le bouton « Astra Paramètres de menu », et cela ouvre une interface différente de la précédente.

On peut alors :

  • faire de cet élément de menu un en-tête de colonne
  • choisir de masquer ou afficher son étiquette
  • choisir une « content source« , une source de contenu, pour ce sous-menu :
    • un texte personnalisé
    • un template (par exemple avec Elementor)
    • un widget 
  • afficher une étiquette et lui donner une couleur

Le thème Astra Pro va créer automatiquement des colonnes en fonction du nombre de sous-menus définis.

Ajouter un modèle / template Elementor à un méga-menu Astra

Il est possible d’intégrer un template Elementor à un méga-menu avec Astra pro.

Pour cela, vous devez avoir installé le plugin Elementor et le plugin Astra Pro et avoir activé le module Menu de navigation.

Rendez-vous sur la page Modèles de votre administration WordPress, dans le menu de gauche, juste sous Elementor.

Ajoutez un nouveau modèle, de type Section, nommez-le et créez / sauvegardez-le.

Dans l’éditeur Elementor, ajoutez un élément Section et un élément Shortcode / code court.

Ajoutez un shortcode de votre choix au widget Shortcode, par exemple :

[ product_categories number=”4″ columns=”4″ hide_empty=”0″ orderby=”name” order=”desc” ]

(sans les espaces après le crochet ouvrant et avant le crochet fermant).

Publiez votre modèle.

Maintenant, pour intégrer ce modèle à votre méga-menu, faites la procédure expliquée au début de cet article dans « Création du méga-menu » et à l’étape de définition du sous-menu, choisissez « template » comme « content source ».

Sélectionnez le modèle que vous venez de créer.

Sauvegardez, fermez cette interface, sauvegardez le menu, et voilà, votre méga-menu intègre maintenant votre modèle Elementor

Qu'avez-vous pensé de cet article ?

Cliquez sur une étoile pour donner votre avis

Avis moyen 4.5 / 5. Nombre d'avis donnés 10

Soyez le premier à donner votre avis

Guide du thème Astra et Astra Pro

Voici une documentation en français sur le thème Astra et ses plugins premium Astra Pro, Ultimate Addons, et Starter Templates

Le thème Astra & Astra Pro pour WordPress : la doc en français

Documentation en français du thème WordPress Astra et Astra Pro et de Starter Templates. Découvrez comment le customiser et l'adapter à vos besoins.

Guide d’installation du thème Astra & Astra Pro pour WordPress

Apprenez comment installer le thème WordPress gratuit Astra, sa version Astra Pro, et le plugin Starter Templates (ou premium).

Personnaliser Astra et Astra Pro avec le customizer (outil de personnalisation)

Le thème WordPress Astra, augmenté ou pas avec le plugin Astra Pro, propose de nombreux réglages de personnalisation dans le customizer de WordPress.

Les fonctionnalités du thème Astra et Astra Pro pour WordPress

Le thème WordPress Astra et sa version augmentée Astra Pro a d'excellentes performances et de nombreuses fonctionnalités.

Le constructeur d’en-tête (header) du thème Astra et Astra Pro

Le thème Wordpress Astra et son plugin premium Astra Pro permettent de concevoir un en-tête (header) élaboré par une interface WYSIWYG riche en options.

Le constructeur de pied de page (footer) du thème Astra Pro

Le constructeur de pied de page du thème Astra Pro permet de gérer 3 zones de footer et d'y placer du HTML, des widgets, des boutons ou des images.

Gérer la colonne latérale (sidebar) d’Astra et Astra Pro

Le thème Astra et sa version Pro permettent d'ajouter et personnaliser une colonne latérale (sidebar) sur chaque type de page, avec de nombreuses options.

Gérer le fil d’Ariane (breadcrumbs) d’Astra et Astra Pro

Le thème WP Astra et son plugin Astra Pro gèrent les options du fil d'Ariane (breadcrumbs), qui permet d'indiquer la place d'une page dans l'arborescence.

Personnaliser le blog d’Astra et Astra Pro

Le thème Astra et son plugin Astra Pro ont des options de configuration des articles de blog, des catégories de blog et des étiquettes / tags (pages "archives").

Personnaliser le thème Astra Pro pour WooCommerce

Le thème Astra Pro s'intègre parfaitement avec WooCommerce et permet de gérer les pages catalogue de catégorie produit et de fiche-produit.

Le thème WordPress Astra Pro et ses modules enrichissent ses fonctionnalités

Le thème WordPress Astra Pro est vendu avec une série de modules qui enrichissent ses fonctionnalités : couleurs, blog, WooCommerce, widgets...

Créer un méga-menu avec Astra Pro

Le thème WordPress Astra Pro permet de créer un méga-menu de navigation qui permet d'améliorer l'expérience utilisateur avec une interface plus visuelle.

Les mises en page personnalisées d’Astra Pro (Site Builder)

Le module Mises en page personnalisées (Site Builder) du thème Astra Pro ajoute la possibilité de créer des maquettes pour les différents types de page, ou des éléments de design à insérer sous conditions.

Le module En-tête de page d’Astra Pro (Page Header)

Le module En-tête de page (Page Header) offre de nombreuses options pour styler des en-têtes de page différenciés, activables selon le type de page.

Installer et utiliser les (Premium) Starter Templates d’Astra

Le thème Astra et son plugin Astra Pro permettent d'utiliser des centaines de modèles graphiques, nommés "Starter Templates" et "Premium Starter Templates"
Thème Wordpress Astra et Learndash LMS

Créer des cours en ligne de qualité avec le thème Astra et Learndash LMS

Découvrez comment créer des cours en ligne attrayants avec le thème Astra et Learndash LMS. De l'installation des outils à la gestion des étudiants, toutes les étapes pour optimiser votre expérience d'enseignement en ligne.
Tutor LMS et Astra Pro

Comment créer un cours en ligne avec Astra Pro et Tutor LMS

Découvrez comment créer un cours en ligne avec Astra Pro et Tutor LMS sur WordPress. Ce guide pratique vous accompagne étape par étape, de la préparation à la gestion de vos cours, en passant par la personnalisation de votre page. Créez dès maintenant des cours de yoga, de mathématiques, d'informatique ...

Besoin de savoir autre chose ? Posez vos questions en commentaire :-)

Besoin d’assistance concrète ? Embauchez-moi comme formateur WordPress !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Besoin d’un hébergeur ?

Convivial, sympa, fiable, et pas cher,
O2Switch me semble être la meilleure offre actuellement sur le marché français.
C’est pourquoi j’y héberge tous mes sites.

Hébergement O2Switch
Hébergement O2Switch
Panier
Retour en haut