Les menus de WordPress peuvent parfois être frustrants. Il y a tellement de choses différentes que vous pouvez faire avec eux. Mais souvent, WordPress vous enferme lorsqu’il s’agit de structure et de logique conditionnelle. Et ce, à moins que vous ne connaissiez le code ou que vous n’implémentiez un plugin.
Si vous souhaitez ajouter une logique conditionnelle aux menus WordPress, vous pouvez le faire de deux manières différentes.
L’utilisation de la logique conditionnelle dans WordPress permettra de créer des menus WordPress plus dynamiques. Créer un menu WordPress dynamique avec la logique conditionnelle est utile pour des choses comme :
- Masquer les menus sur certaines pages
- Afficher des menus différents pour les utilisateurs connectés
- Stylisation personnalisée de certains menus
Voyons ce qu’est la logique conditionnelle et comment nous pouvons facilement l’ajouter aux menus de WordPress.
Qu’est-ce que la logique conditionnelle ?
Si vous prenez la logique conditionnelle à sa racine, il s’agit essentiellement d’une “déclaration si-alors” dans laquelle p est une hypothèse et q est une conclusion. En d’autres termes, si xxxx se produit d’une certaine manière, alors xxxx devrait être la conclusion.
Dans WordPress, la logique conditionnelle est utilisée sur des choses comme les formulaires WordPress. Cela peut vous aider à afficher certaines fonctionnalités sur un formulaire que vous ne pourriez pas utiliser autrement.
Un bon exemple de ceci est un champ de paiement caché basé sur une réponse ou peut-être une liste déroulante de réponses basée sur une question dans le formulaire. Les formulaires seront modifiés dynamiquement d’un utilisateur à l’autre en fonction des réponses données et des sélections effectuées.
Le même concept s’applique lorsque vous ajoutez une logique conditionnelle aux menus WordPress. Vous créez un menu WordPress dynamique basé sur la logique conditionnelle. Ces menus apparaîtront et agiront comme vous le souhaitez en fonction de certaines actions effectuées par les utilisateurs.
Jetons un coup d’œil à quelques façons dont vous pouvez facilement ajouter une logique conditionnelle aux menus WordPress.
Le plugin If Menu
Le moyen le plus simple de créer des menus WordPress dynamiques avec une logique conditionnelle est d’utiliser un plugin WordPress. J’en ai trouvé un excellent qui est facile à installer et à utiliser. Le plugin que nous allons utiliser aujourd’hui pour ajouter une logique conditionnelle à un menu WordPress s’appelle If Menu.
If Menu vous permet de contrôler les éléments de menu que les visiteurs de votre site voient en fonction de certaines règles de visibilité. Voici quelques-unes des principales fonctions de ce plugin :
- La possibilité pour un administrateur d’afficher un élément de menu uniquement si l’utilisateur actuel du site est connecté.
- Masquer différents éléments de menu en fonction de l’utilisation des appareils mobiles.
- Afficher certains éléments de menu pour l’administrateur et les éditeurs.
- Masquer les liens de connexion et d’enregistrement lorsqu’un utilisateur est déjà connecté.
- Afficher les éléments de menu en fonction de la localisation de l’utilisateur.
- Afficher les éléments de menu cachés pour les utilisateurs avec des adhésions.
- Affichez les éléments de menu dans une langue différente selon qu’ils sont en anglais ou en espagnol.
Ajouter une logique conditionnelle aux menus de WordPress à l’aide d’un plugin
Pour ajouter une logique conditionnelle à un menu WordPress à l’aide de ce plugin, la première chose à faire est d’installer et d’activer le plugin If Menu.
Une fois que le plugin a été installé et activé, cliquez sur Apparence Menus, et vous pouvez immédiatement commencer à faire vos ajustements.
Pour ce faire, il suffit de sélectionner le menu sur lequel vous souhaitez travailler. Dans ce menu, sélectionnez un élément de menu et cliquez pour ouvrir une zone de liste déroulante.
Dans la liste déroulante des éléments de menu, vous verrez une case à cocher intitulée “Activer les règles de visibilité”. Cochez cette case maintenant.
Lorsque vous cochez cette case, toutes les options des éléments de logique conditionnelle apparaissent dans deux menus déroulants. Il vous suffit de créer la logique conditionnelle que vous souhaitez pour chaque élément de menu.
Les règles de visibilité peuvent être gérées comme vous le souhaitez en quelques clics.
Tout d’abord, sélectionnez “Afficher” ou “Masquer” dans le menu déroulant.
Passez maintenant à la zone de menu déroulant suivante et faites votre sélection pour la section “Si c’est”.
Lorsque vous avez effectué ces deux sélections, l’élément de menu en question s’affiche en fonction de la logique conditionnelle que vous lui avez appliquée.
Dans cet exemple, l’élément de menu doit s’afficher si l’utilisateur est un “administrateur”.
Vous pouvez également ajouter plus d’un type de logique conditionnelle à un élément de menu. Cliquez simplement sur le symbole “+” à droite et un autre menu déroulant apparaîtra. Cela vous permettra d’appliquer un autre type de logique conditionnelle à l’élément de menu et de le rendre encore plus dynamique.
Une fois que vous avez fait tous vos choix pour les éléments du menu WordPress sur lequel vous travaillez, cliquez sur le bouton “Enregistrer le menu” pour appliquer tous les changements.
Ajoutez vos propres conditions au menu If en utilisant le code
Il y a quelques étapes supplémentaires que vous pouvez suivre ici pour ajouter plus de conditions à vos éléments de menu. WordPress dispose en fait d’une liste complète de balises conditionnelles que vous pouvez utiliser dans tous vos projets.
Si vous souhaitez consulter cette liste détaillée, vous pouvez la trouver dans le codex de WordPress pour les balises conditionnelles.
Toutes les balises conditionnelles que vous trouverez sur cette page peuvent être utilisées avec le plugin If Menu. Pour ce faire, vous devez combiner la balise conditionnelle que vous souhaitez utiliser avec le code ci-dessous.
Dans cet exemple, disons que vous voulez afficher ou masquer un élément de menu sur les pages de type post personnalisé.
Pour ce faire, vous pouvez ajouter le code suivant au fichier functions.php du thème. Vous pouvez accéder à ce fichier en cliquant sur Apparence Éditeur de thème. Sur la page d’édition des thèmes, cliquez sur le fichier Theme Functions (functions.php).
Ajoutez le code ci-dessous au fichier :
Voilà, c’est fait. Vous pouvez utiliser le code ci-dessus pour ajouter d’autres conditions à vos menus WordPress. J’espère que cet article vous a montré comment ajouter facilement une logique conditionnelle à vos menus WordPress.
Avez-vous utilisé la logique conditionnelle pour d’autres parties de votre site Web WordPress ? Avez-vous constaté que l’utilisation de la logique conditionnelle dans les menus WordPress vous permet de créer et de déployer des mises en page plus dynamiques pour que les utilisateurs de votre site puissent en profiter ?