Comment incorporer la logique conditionnelle aux menus dans WordPress

Publié: 2022-07-27


Voulez-vous afficher des produits de menu de navigation distincts pour des pages Web distinctes dans WordPress ? Ou afficher un menu diversifié pour les acheteurs connectés ?

WordPress vous permet de présenter un menu de navigation dans un paramètre régional unique dans votre sujet, mais par défaut, il affichera généralement clairement le menu similaire.

Dans cet article, nous vous montrerons clairement comment inclure une logique conditionnelle dans les menus de WordPress.

How to Add Conditional Logic to Menus in WordPress

Pourquoi augmenter la logique conditionnelle des menus dans WordPress ?

Les menus de navigation donnent à votre site Web WordPress la composition et aident les visiteurs du site Web à trouver ce qu'ils recherchent. Par défaut, votre site WordPress affichera le menu de navigation exact pour tous les clients et sur tous les articles et pages Web.

Néanmoins, il peut arriver que vous souhaitiez afficher des menus uniques à l'écran pour différents utilisateurs, ou sur des pages Web distinctes sur votre page Web.

Les sites Web tels qu'un point de vente en ligne, une communauté de sites Web d'adhésion WordPress ou un système de recherche en ligne peuvent tous être récompensés par des menus de navigation personnalisés.

En utilisant une logique conditionnelle, vous pouvez augmenter les produits de menu ajoutés pour les personnes connectées afin qu'elles puissent gérer leurs comptes, renouveler leurs abonnements ou consulter les classes en ligne qu'elles ont acquises. Vous pouvez le considérer comme un contrôle d'entrée de menu WordPress.

Cela dit, voyons comment inclure une logique conditionnelle dans les menus de WordPress. Voici les sujets que nous aborderons dans ce tutoriel :

La première étape consiste à développer les menus de navigation ajoutés que vous souhaitez afficher dans WordPress. Après cela, vous pouvez utiliser la logique conditionnelle pour décider quand à peu près tous les menus seront affichés.

En gros, dirigez-vous vers la page Apparence physique »Menus du tableau de bord WordPress. Si vous disposez déjà d'un menu de navigation que vous utilisez sur votre site Internet pour tous les utilisateurs, il peut s'agir de votre menu par défaut.

Main menu

À l'avenir, vous devrez cliquer sur le lien du site Web "Créer un nouveau menu" pour développer un nouveau menu. Par exemple, vous pouvez créer un menu à afficher pour les utilisateurs finaux connectés et un autre à afficher sur une page ou une classe de site Web WordPress sélectionnée.

Sur le côté restant de l'écran, vous pouvez voir une liste des pages de votre site. Cochez simplement la case à côté de tout site Web que vous souhaitez ajouter à votre menu et cliquez sur le bouton "Ajouter au menu".

Logged in menu

Vous pouvez également faire glisser et déposer les éléments de menu sur le côté droit de l'écran pour les réorganiser.

Encore plus bas sur le site, vous pouvez choisir un endroit pour afficher votre menu. Mais, vous n'avez jamais besoin d'attribuer une place à ce menu maintenant. Nous le ferons dans la prochaine étape.

N'oubliez pas de cliquer sur le bouton "Enregistrer le menu" pour stocker vos variantes.

Pour plus d'informations sur la génération de menus, vous pouvez consulter notre tutoriel pour débutant sur la façon d'ajouter un menu de navigation dans WordPress.

Il est souvent utile d'afficher différents menus de navigation pour les clients, qu'ils se soient connectés ou non à votre site Web.

Par exemple, vous pouvez incorporer des hyperliens de connexion et d'enregistrement pour les clients déconnectés et augmenter un lien de déconnexion du site Web vers votre menu pour votre menu connecté.

Ou si vous travaillez dans un point de vente WooCommerce, vous pouvez contenir des marchandises pour vos consommateurs qui sont cachées au public standard.

Tout d'abord, vous devez installer et activer le plugin Conditional Menus. Pour plus de détails, consultez nos informations étape par étape sur la façon d'installer un plugin WordPress.

Lors de l'activation, vous devrez jeter un œil à la page Apparence visuelle » Menus et passer à l'onglet « Gérer les emplacements ».

Manage menu locations

D'en bas, vous verrez l'enregistrement des emplacements de menu disponibles et les menus qui sont actuellement affichés. Ceux-ci fluctueront en fonction du sujet WordPress que vous utilisez.

Par exemple, sur notre page Web de démonstration, il est indiqué que notre paramètre régional de menu le plus important affiche un menu de navigation intitulé « Menu principal ».

Nous pouvons demander au plugin d'afficher un menu différent lorsqu'une certaine affection correspond en cliquant sur le lien hypertexte "+ Menu conditionnel" et en choisissant un autre menu dans le menu déroulant. Pour ce didacticiel, nous sélectionnerons "Menu Connecté".

Select logged in menu

Ensuite, vous devez cliquer sur le lien de retour '+ Conditions'.

Cela affichera une fenêtre contextuelle dans laquelle vous verrez un tas de situations parmi lesquelles choisir.

Select logged in user aa the condition

Cochez simplement la case à côté de l'option 'Utilisateur connecté', puis cliquez sur le bouton 'Enregistrer'.

Vous pouvez maintenant visiter votre site Web pour voir le menu des consommateurs connectés en action. Vous pouvez vous déconnecter de votre site Web pour voir le menu de navigation qui est prouvé à tous les autres utilisateurs.

Different menu for logged in users

Pour des instructions plus détaillées et pour maîtriser la façon de faire ce code d'application, jetez un coup d'œil à notre guide sur la façon d'afficher divers menus aux acheteurs connectés dans WordPress.

Dès qu'une personne se connecte, vous pouvez également afficher à l'écran un menu de navigation varié en fonction du rôle d'utilisateur que vous lui avez attribué.

Par exemple, vous pouvez inclure d'autres produits de menu pour un administrateur et des éléments minimaux supplémentaires pour un contributeur. Ou sur une page Web d'adhésion, vous pouvez accorder divers niveaux d'accès à différentes gammes d'adhésion.

Comme dans la section précédente, vous devez configurer et activer le plugin Menus conditionnels, puis visiter la page Apparence physique » Menus et passer à l'onglet « Gérer les emplacements ».

Select the Conditional Menu

Vous devriez vraiment incorporer le menu conditionnel approprié pour le rôle de personne que vous trouverez. Pour ce tutoriel, nous avons choisi le menu 'Nav Menu Administrator'.

Ensuite, vous devrez cliquer sur le lien « + Conditions » afin de pouvoir choisir la position de consommateur.

Select the Roles That Should See the Menu

Vous devrez cliquer sur l'onglet "Rôles d'utilisateur" pour voir les cases à cocher pour chaque travail de consommateur sur votre site Web. Cliquez simplement sur les rôles de consommateur qui verront ce menu, puis cliquez simplement sur le bouton "Enregistrer".

Vous pouvez afficher un menu différent pour des pages Web uniques dans WordPress. Par exemple, vous pouvez afficher d'autres produits de menu sur votre page Web de politique de confidentialité, comme un lien vers votre site Web de découverte de cookies.

Pour ce faire, vous devez configurer et activer le plug-in Conditional Menus, comme indiqué précédemment, puis opter pour le menu de navigation acceptable et cliquer sur le lien retour "+ Conditions".

Cette fois, vous devriez vraiment cliquer sur l'onglet "Pages". Vous verrez une liste de tous les sites sur votre site Internet.

Select the Pages Where the Menu Should Be Displayed

Vous devez placer une coche à côté de chaque page de site Web dans laquelle vous souhaitez afficher le menu de navigation, puis cliquez simplement sur le bouton "Enregistrer".

Masquer le menu de navigation sur les pages Internet de destination dans WordPress

Il peut y avoir des pages Web sur votre site Web où vous ne voulez vraiment pas du tout afficher un menu de navigation, comme vos pages de destination.

Un site Web de destination est conçu pour augmenter les bénéfices ou attirer des clients potentiels pour une organisation. Sur ces pages Web, vous souhaiterez minimiser les distractions et présenter aux clients tous les détails dont ils ont besoin pour envisager une action particulière.

Dans notre guide sur la façon d'améliorer de 300 % les conversions de votre site de destination, nous vous suggérons de réduire les distractions en supprimant les menus de navigation et autres liens hypertexte de la page Web.

Vous pouvez le faire en utilisant le plugin Conditional Menus. Lorsque vous choisissez le menu conditionnel, cette fois, vous devez sélectionner "Désactiver le menu" dans le menu déroulant.

Select Disable Menu From the Drop Down

Ensuite, vous devez simplement cliquer sur la connexion '+ Conditions' pour choisir quand afficher le menu.

Vous devez simplement cliquer sur l'onglet « Pages » et mettre des coches à l'avenir sur vos pages de destination.

Select the Pages Where the Navigation Menu Should Be Hidden

N'oubliez jamais de cliquer sur le bouton "Enregistrer" pour enregistrer vos configurations.

Les menus de navigation sont un puissant logiciel de structure Web. Ils vous permettent de diriger les utilisateurs finaux vers les sections les plus critiques de votre page Web.

Maintenant que vous affichez des menus de navigation uniques sur différentes pages Web et pour des utilisateurs finaux uniques, vous vous demandez peut-être comment vous pouvez les personnaliser davantage.

Essayez ces tutoriels utiles pour prolonger les performances des menus de navigation sur votre site Web WordPress.

Nous espérons que ce tutoriel vous a aidé à découvrir comment inclure une logique conditionnelle dans les menus de WordPress. Vous voudrez peut-être également étudier comment créer des flux de travail automatisés ou consulter notre liste des plugins de preuve sociale idéaux pour WordPress et WooCommerce.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels de films WordPress. Vous pouvez également nous découvrir sur Twitter et Facebook.