Comment placer des menus sur chaque page WordPress

Aimeriez-vous savoir comment avoir menus sur chaque page WordPress? Il existe de nombreux cas où vous avez besoin de différents menus sur différentes pages.

• Par exemple, vous avez peut-être un site Web d'une page mais souhaitez une boutique dédiée ou une page de contact. Dans ce cas, les liens de navigation du menu supérieur ne peuvent pas être utilisés sur ces pages distinctes (par exemple, contact ou boutique), car ils sont définis pour guider les utilisateurs à travers différentes sections de la même page (par exemple, votre page d'accueil).

Un autre cas pourrait être celui où les utilisateurs se trouvent sur la page de votre boutique. Étant donné que cette page a une fonction différente du reste du site Web, vous souhaiterez peut-être utiliser le menu supérieur pour afficher vos catégories de produits ou d'autres informations pertinentes pour ceux qui cherchent à effectuer un achat.

Ici, vous pouvez lire sur : Façons d'ajouter un formulaire d'abonnement dans WordPress

Pour obtenir le résultat souhaité, vous devez créer des menus sur chaque page WordPress pour chacun de ces scénarios et les afficher uniquement sur ces pages. Heureusement, comme WordPress dispose d’une si grande communauté derrière lui, vous pouvez y parvenir à l’aide d’un plugin gratuit.

Méthodes pour avoir des menus sur chaque page WordPress

Voyons maintenant comment placer des menus sur chaque page WordPress :

Méthode 1 : menus sur chaque page WordPress

Voici les étapes que vous devez suivre pour avoir des menus sur chaque page WordPress :

Partie 1 : Installez un plugin gratuit pour avoir des menus sur chaque page WordPress

Pour configurer un menu différent pour une page donnée, vous devrez utiliser le plugin Conditional Menus. Pour l'installer, suivez les étapes ci-dessous :

1. Étape 1: Depuis votre tableau de bord WordPress, accédez à Plugins → Ajouter un nouveau
2. Étape 2: Dans la barre de recherche, recherchez "Menus conditionnels» et installez le premier résultat (capture d'écran)

3. Étape 3: Une fois installé, cliquez sur activer.

Partie 2 : Créer différents menus pour différentes pages

Pour créer les menus de chaque page il faut :

1. Étape 1: Aller à Tableau de bord WordPress → Apparence → Personnaliser → cliquez sur Menus
2. Étape 2: Ajoutez un nouveau menu, appelons-le «Menu de la page Contact» (ou tout autre nom)
3. Étape 3: Ajoutez des éléments de menu pour chaque page ou lien personnalisé et cliquez sur Publier
4. Étape 4: Répétez le processus pour tous les autres menus dont vous avez besoin.

Partie 3 : Gérer l'emplacement de chaque menu

Aller à Apparence → Menus → Gérer lieux et commencez à personnaliser vos menus sur chaque page WordPress en suivant ces étapes :

1. Étape 1: Cliquez sur + Menu conditionnel pour ajouter un nouveau menu au même endroit (par exemple le menu principal)
2. Étape 2: Sélectionnez le menu que vous souhaitez ajouter
3. Étape 3: Cliquez sur +Conditions pour sélectionner les endroits où vous souhaitez que ce menu spécifique apparaisse
4. Étape 4: Cliquez sur Enregistrer les modifications et visitez la page pour vous assurer qu'elle fonctionne correctement ;

Répétez le même processus pour n’importe quel nombre de pages distinctes.

Méthode 2 : Comment créer différents menus sur chaque page WordPress

Le menu est le contenu de base de chaque site Web ; aide les visiteurs à trouver facilement les pages dont ils ont besoin. Cependant, sur les sites Web aux structures complexes, vous souhaiterez peut-être que chaque groupe de pages ait des menus distincts. Pour les personnaliser de cette façon, vous avez besoin d'un plugin pour créer différents menus et les attribuer à vos pages/groupe de pages.

Dans cette méthode, nous vous montrerons en détail comment le faire de la manière la plus rapide. Mais voyons d’abord comment la création de menus séparés pour chaque page peut vous aider dans des situations particulières.

Partie 1 : Utilisez des applications de création de menu sur chaque page WordPress

Avoir des menus séparés pour chaque page peut vous aider si :

1. Vous souhaitez afficher les pages produits dans le menu de la page d'accueil. Chaque page produit aura un menu particulier contenant des sous-menus liés aux pages d'informations sur le produit. Par exemple, le menu de la page produit contiendra des informations telles que le prix, le pays d'origine du produit correspondant.
2. Vous disposez d'un site Web de chaîne de magasins et chaque magasin est représenté sur une page distincte. Le menu de la page d'accueil vous dirigera vers les pages du magasin. Chaque page de magasin aura son propre menu de pages essentielles comme les produits, l'adresse, la commande, etc.

Pour faciliter la compréhension, nous prendrons l’exemple d’un site Web d’entreprise de fruits. Le site Web dispose d'un menu par défaut sur la page d'accueil qui mène à deux pages, Apple et Banana.

Nous allons créer deux autres menus distincts pour ces deux pages à l'aide du plugin Conditional Menus. Voici les étapes pour le faire :

Partie 2 : Installer et activer le plugin Conditional Menus

Les plugins de menus conditionnels sont gratuits et disponibles sur wordpress.org . Il vous suffit de l’installer et de l’activer comme n’importe quel autre plugin gratuit.

1. Étape 1: Ensuite, allez à Apparence> Menus, changez pour Gérer les emplacements et vous verrez le + Menu conditionnel ajouté par plugin :

Partie 3 : Créer des menus pour chaque page WordPress

1. Étape 1: Nous allons maintenant créer des menus séparés pour les pages Apple et Banana. Pour ce faire, allons Apparence> Menus > Modifier les menus > créer un nouveau menu .

2. Étape 2: Ensuite, nous allons donner un nom au menu, choisir la position d'affichage du menu (je souhaite l'afficher sur le entête), puis cliquez sur Créer un menu.

3. Étape 3: Dans la rubrique Ajouter des éléments de menu, vous devez ajouter des pages sous forme de sous-menus. Ajoutez deux pages qui sont Origine de la pommey Prix ​​​​de la pomme al Menu pomme. cliquez dans le menu Enregistrer.

4. Étape 4 : faites maintenant les mêmes étapes pour créer un menu séparé pour la page Banane:

Partie 4 : Configurer les menus sur chaque page WordPress (en conséquence)

1. Étape 1: Toujours dans Apparence> Menus, changez pour Gérer les emplacements et choisissez + Menu conditionnel:

2. Étape 2: Dans la liste, choisissez un menu (je choisis le Menu Apple). Cliquez + État pour définir où l'afficher :

NOTE: Une nouvelle fenêtre pop-up apparaîtra et vous verrez différents onglets parmi lesquels choisir. Vous pouvez choisir d'afficher le menu sur chaque catégorie, type de publication, taxonomie, rôle utilisateur ou page d'accueil, pages 404, etc.

3. Étape 3: Choisissez l'onglet Pages et page Apple pour définir le menu sur cette page.

4. Étape 4: Faites de même avec le Menu Banane.

5. Étape 5: Enfin, n'oubliez pas de cliquer Enregistrer les modifications, ou tout ce que vous avez fait disparaîtra.

Vous devez maintenant vous rendre sur l’interface WordPress pour vérifier le résultat.

Comme vous pouvez le constater, la page d'accueil, la page Apple et la page Banana disposent désormais de trois menus différents.

Types de menus sur chaque page WordPress

Une navigation confortable sur un site est vitale. Par conséquent, il est crucial de créer un menu personnalisé par page, bien organisé et facile à suivre pour l’utilisateur. Cependant, le site Web n’a pas toujours besoin d’un menu uniforme sur toutes les pages car chaque page a son propre objectif. Vous souhaitez créer des menus différents sur chaque page WordPress ? Voyons ci-dessous quelles sont les meilleures options que vous pouvez utiliser :

Meilleurs plugins pour différents menus sur chaque page WordPress

Imaginez, vous avez un site Web d'une page. Là, vous avez besoin d'une page séparée avec un formulaire de contact et un chatbot ou une page de magasin pertinente. Et il est impossible de les mettre en œuvre techniquement car ils ne feront que guider les utilisateurs à travers les différentes sections de la landing page.

Disons que des visiteurs sont venus sur la page de votre boutique. Vous devez avoir un menu particulier dans l'en-tête pour afficher les catégories de produits, informations d'expédition, bouton Ajouter un panier, etc. Cependant, vous risquez d’être confronté au même problème que dans le cas précédent. Ou vous pouvez voir que le menu de la page d'accueil est dupliqué sur la page du magasin.

Cela ne fonctionnera pas correctement, n'est-ce pas ? Chaque page doit avoir un menu pertinent. Cependant, il peut être difficile de les mettre en œuvre sur différentes pages. N'aie pas peur, ici nous vous proposons beaucoup de solutions pour satisfaire ce besoin. Mais avant de vous expliquer comment créer des menus sur chaque page WordPress, concentrons-nous sur les principaux outils qui vous aideront à mettre en place un menu personnalisé par page.

1. JetBlocks

Commençons par JetBlocks. Ce plugin vous permet de créer des en-têtes et pieds de page spécifiques qui correspondent parfaitement aux besoins de votre site Web. Avec JetBlocks, il est très simple d'ajouter les éléments nécessaires à un en-tête et de créer un menu personnalisé :

1. Formulaires de connexion
2. Formulaires d'inscription
3. Formulaires de recherche
4. et panier WooCommerce,
5. Le menu de navigation
6. Panneaux extensibles.

De plus, vous pouvez ajouter et personnaliser le logo du site Web, insérer des liens d'autorisation et d'autres éléments pour créer un superbe menu personnalisé par page.

Vous pouvez le télécharger sur ici !

2. JetMenu

JetMenu est à votre disposition pour concevoir le méga menu. Avec l'aide de ce plugin, vous pouvez créer et personnaliser chaque élément, ajouter divers éléments et badges et les personnaliser également.

De plus, vous pouvez modifier l'arrière-plan des éléments de menu, concevoir la typographie du menu, appliquer le mode Survol, etc. Nous parions que les possibilités du plugin JetMenu sont illimitées. C'est l'un des meilleurs outils pour créer des menus sur chaque page WordPress.

Vous pouvez le télécharger sur ici !

3. JetThemeCore

Avec JetThèmeCore, vous pouvez créer des modèles de thème personnalisés et des modèles pour des pages comme 404. Et bien sûr, créez un nombre illimité d'en-têtes et attribuez-les à différentes pages. Le processus est intuitif et bien pensé, vous n'avez donc pas besoin de connaissances supplémentaires pour écrire du code ou quoi que ce soit d'autre. Si vous disposez uniquement du plugin JetThemeCore, il suffira de créer un menu personnalisé par page et d’y ajouter tout contenu spécifique. Au moins, vous pouvez utiliser l'en-tête prédéfini et y apporter quelques modifications.

Vous pouvez le télécharger sur ici !

Comment configurer et créer des menus sur chaque page WordPress

Tout d’abord, assurez-vous que tous les plugins nécessaires sont installés. Si vous savez déjà créer des en-têtes, passez à la section concevoir les menus et les configurer sur les différentes pages. Maintenant, mettons-nous au travail.

Partie 1 : En-tête simple avec des widgets Mega Menu

1. Étape 1: Pour ajouter un en-tête à votre site Web. Là, vous verrez le des parties du thème,où vous ajouterez l’en-tête.
2. Étape 2: Cliquez sur le bouton Ajouter un nouveau, Sélectionnez le type de modèle: entête et choisissez-lui un nom.
3. Étape 3: Vous serez redirigé vers la page Elementor où la magie commencera.
4. Étape 4: Ajoutez une section et choisissez la mise en page appropriée, par exemple, Largeur du contenu : en boîte, Définissez les paramètres dont vous avez besoin.

Widgets dans les menus de chaque page WordPress

Les Mega Menu Widgets méritent votre attention si vous souhaitez créer un menu personnalisé spectaculaire par page.

1. Étape 1: Recherchez les widgets Mega Menu dans le panneau des éléments.

NOTE: Deux options sont disponibles : Méga menu vertical et méga menu simple

2. Étape 2: Maintenant, nous allons nous concentrer sur le dernier. Après avoir fait glisser le widget, vous pouvez voir les onglets de paramètres dans la barre latérale gauche.
3. Étape 3: cherche teneur, se déroule Général et sélectionnez-y un menu.
4. Étape 4: Choisissez entre l'écran de menu ou revenez au tableau de bord WordPress — Apparence- Menus.
5. Étape 5: Sélectionnez maintenant le menu avec lequel vous souhaitez travailler ou créez-en un nouveau.
6. Étape 6: Une fois que vous avez créé un menu, vous le verrez dans la liste des menus disponibles dans Elementor.

REMARQUE: N'oubliez pas de mettre le menu pour les versions ordinateur et mobile de votre site Web pour vous assurer qu'il a un design réactif.

Cliquez sur l'onglet  Style, vous pouvez personnaliser votre futur menu : définir les alignements, modifier l'arrière-plan, le type de bordure ou l'ombre de la boîte. Trouvez celui qui vous convient le mieux.

De plus, vous pouvez styliser les polices et modifier les états actif et de défilement. Si vous avez des éléments de sous-menu, modifiez-les à l'aide de l'onglet Paramètres Éléments du menu du bureau.

Paramètres du menu sur chaque page WordPress

1. Étape 1 : Pour définir cet en-tête à un emplacement spécifique, accédez à Paramètres d'en-tête dans Elementor.
2. Étape 2: Ce menu vous aidera à modifier l'état de l'en-tête et à définir les conditions dans lesquelles il sera affiché via un menu déroulant : l'intégralité du site Web, singulier ou page d'archive. Par exemple, choisissez l'ensemble du site.

Partie 2 : Mega Menu et plugin JetMenu

Comme nous le savons déjà, JetMenu est spécial car il vous permet d'ajouter n'importe quel contenu à vos menus conditionnels. Exploitons ensemble ses possibilités illimitées.

1. Étape 1: Dans le Tableau de bord WordPress – Apparence – Menus.
2. Étape 2: Recherchez le menu que vous souhaitez personnaliser ou créez-en un nouveau.

NOTE: Si vous souhaitez créer un menu avec des sous-menus détaillés, vous devrez ajouter d'autres menus via le même onglet Menus WordPress. Ainsi, pour chaque catégorie que vous avez dans le menu principal, vous devez créer plusieurs sous-menus différents.

Mise en place de menus sur chaque page WordPress avec JetMenu

1. Étape 1: Dans chaque élément de menu, recherchez un élément JetMenu, où vous pouvez jouer avec les paramètres.
2. Étape 2: Activer le Méga sous-menu et appuyez sur Modifier le contenu de l'élément du méga menu pour enrichir votre menu avec d'autres éléments et personnaliser les éléments.
3. Étape 3: Sur la page Elementor, choisissez une section avec le nombre de colonnes requis.
4. Étape 4: faites glisser le Widget Méga Menu Vertical à la première colonne, dans l'onglet contenu de la barre latérale gauche
5. Étape 5: Sélectionnez le menu que vous souhaitez insérer.
6. Étape 6: Enfin, ajoutez les sous-menus que vous avez créés au panneau d'administration WordPress. Vous pouvez facilement copier le widget et le coller dans la deuxième section.

Après cela, vous pouvez utiliser l'onglet Style et personnalisez les éléments, définissez la largeur, la hauteur, la typographie, l'espace requis, etc.

Dans les paramètres principaux de JetMenu, vous pouvez voir la position du Mega Menu, ajouter n'importe quelle icône à votre menu (sélectionner parmi celles prédéfinies ou télécharger un fichier svg), appliquer n'importe quel badge de texte à un élément de menu, personnaliser la taille du menu, etc.

Conseils professionnels

À l'aide d'Elementor, ajoutez un en-tête au-dessus du menu (par exemple une copie de la page précédente), insérez des éléments particuliers avec le widget JetBlocks et mettez-le à jour.

Cependant, nous rencontrons un problème pour paramétrer ce menu sur une autre page. Pour résoudre ce problème, procédez comme suit :

1. Étape 1: aller à Thème Builder encore une fois, créez un nouveau modèle d'en-tête, copiez l'en-tête ou créez-en un nouveau
2. Étape 2: Sélectionnez le Mega Menu que vous venez de créer dans l'onglet Configuration générale pour l'afficher et ajouter le widget Breadcrumbs.
3. Étape 3: Dans l'onglet Paramètres d'en-tête : Conditions, sélectionnez Singulier et couverture pour placer l'en-tête que vous avez créé sur votre page d'accueil et laisser l'en-tête précédemment créé sur les autres pages de votre site internet.

Partie 3 : Créer des menus sur chaque page WordPress (menu déroulant)

Supposons que vous ayez une page séparée avec un formulaire de contact et que vous souhaitiez lui attribuer un en-tête différent. Suivez simplement ces étapes :

1. Étape 1– Créez un nouveau modèle dans le générateur de thème, copiez le haut de l'en-tête principal et à ce stade, ajoutez un menu déroulant.

NOTE: L'essence est la même, vous pouvez ajouter les menus existants ou créer le nouveau menu personnalisé par page selon vos besoins : menu simple ou méga menu avec des éléments variables. Changez la position du conteneur, jouez avec les paramètres, stylisez-le, etc.

2. Étape 2: Enfin, définissez cet en-tête particulier pour la page spécifique, en utilisant l'option Singulier languette Conditions et en indiquant le nom de votre page Contact.

Vous pourriez également être intéressé à lire sur : Comment créer un menu déroulant dans WordPress

Conclusion

C'est tout pour les façons de créer des menus sur chaque page WordPress et de les configurer. Nous n'en avons donné que trois, mais nous sommes presque sûrs qu'il existe d'autres méthodes pour créer un menu personnalisé par page.

Comme vous pouvez le constater, utiliser des menus conditionnels pour créer différents menus pour différentes pages est très simple et utile. De plus, le plugin vous offre également des options flexibles pour créer des menus séparés pour les types de publication, la catégorie, la taxonomie, le rôle d'utilisateur, etc., ou même 404 pages.