Contrôlez la visibilité du widget WordPress avec des widgets conditionnels

Les widgets sont un excellent moyen de promouvoir d'autres aspects de votre site Web, sans interrompre le contenu qu'un visiteur est en train de lire. Généralement, cela se fait dans une barre latérale ou une autre zone désignée par votre thème WordPress pour les widgets.

Cependant, il peut arriver que vous ne souhaitiez qu'un widget s'affiche sur certaines pages. Heureusement, des widgets conditionnels existent uniquement pour ce scénario. Par exemple, si vous avez un widget de calendrier sur votre site Web, vous souhaiterez peut-être qu'il apparaisse uniquement sur votre page d'événements.

Dans cet article, nous vous donnerons un aperçu de ce que sont les widgets conditionnels et comment les créer. Nous explorerons également deux options pour les configurer. Plongeons dedans !

Que sont les widgets conditionnels ?

En un mot, les widgets conditionnels sont des widgets WordPress qui ont une variable de contrôle supplémentaire. Cela vous permet de déterminer si chaque widget apparaîtra ou non sur une page ou un article spécifique. Cela peut vous aider de différentes manières.

Tout d'abord, vous pouvez maximiser l'immobilier précieux du site Web. Il n'y a que peu d'espace dans la barre latérale à épargner dans la plupart des thèmes. Lorsque vous rendez vos widgets conditionnels, vous pouvez contrôler la quantité d'espace dédiée à chaque fonctionnalité. Vous pourrez inclure ou exclure certains widgets de la barre latérale selon vos besoins.

De plus, en rendant vos widgets conditionnels, vous pouvez vous assurer que vos barres latérales sont plus pertinentes pour chaque page. Par exemple, vous pouvez supprimer une carte et un widget d'itinéraire de toutes vos autres pages, mais les laisser visibles sur votre page "À propos". Cela libère l'espace du widget de la barre latérale pour un contenu plus pertinent sur vos autres pages.

Comment créer un widget conditionnel (sans Jetpack)

Lorsqu'il s'agit de travailler avec des widgets conditionnels, vous pouvez utiliser quelques outils. Certains d'entre eux nécessitent des ajustements au code de votre thème, d'autres non.

Nous allons d'abord voir comment activer les options conditionnelles avec un plugin qui nécessite un peu de connaissances supplémentaires en matière de codage. Ensuite, nous explorerons comment obtenir les mêmes résultats avec le plugin Jetpack

Étape 1 : Choisissez un plug-in de widget conditionnel

Il existe plusieurs options de plug-in pour rendre les widgets conditionnels. Pour cet exemple, nous allons utiliser Widget Logic.

Ce plugin ajoute un champ à tous vos widgets, où vous pouvez inclure des balises conditionnelles WordPress ou du code PHP général. Pour commencer, vous devez d'abord installer et activer le plugin.

Étape 2 : ouvrez votre panneau de widgets

Ensuite, vous pouvez accéder à Apparence > Widgets et ouvrir le panneau des paramètres sur n'importe quel widget pour accéder à un nouveau champ logique Widget .

C'est ici que vous pouvez ajouter l'une des balises conditionnelles WordPress que nous avons mentionnées précédemment. Par exemple, si vous souhaitez qu'un widget particulier s'affiche dans la barre latérale de chaque page, à l'exception de votre page "À propos", vous pouvez ajouter :

!is_page('about')

De même, vous pouvez combiner plusieurs balises conditionnelles pour personnaliser davantage l'affichage de vos widgets. Par exemple, vous pouvez spécifier que certains widgets ne s'affichent que sur des publications uniques d'une certaine catégorie, en utilisant des noms de catégorie. Si vous souhaitez que tous les messages d'une catégorie "Pâtisseries" affichent un widget spécifique, vous pouvez utiliser :

is_single() && in_category('baked-goods')

De plus, vous trouverez plus d'options au bas de votre page Apparence > Widgets .

Ces paramètres vous permettent de spécifier l'ordre dans lequel votre nouvelle logique de widget sera chargée. Ceci est particulièrement important pour les thèmes qui diffèrent considérablement des options WordPress plus standard.

En fin de compte, vous aurez besoin de bien connaître le code de votre thème afin d'éviter les erreurs lors de l'utilisation de ce plugin. De plus, vous souhaiterez vous familiariser avec la boucle WordPress afin de mieux comprendre l'ordre dans lequel certains éléments seront chargés sur votre site Web.

Modification de la visibilité des widgets avec Jetpack

Comme nous l'avons mentionné précédemment, une autre solution pour personnaliser les options d'affichage de vos widgets consiste à utiliser Jetpack. Ce plugin polyvalent possède de nombreuses fonctionnalités qui peuvent vous aider à ajuster les performances de votre site Web WordPress, et il vous permet également de gérer des widgets conditionnels.

Étape 1 : Ouvrez les paramètres de Jetpack

Une fois que vous avez effectué les étapes d'installation et de configuration nécessaires de Jetpack, vous devrez visiter la page Jetpack > Paramètres dans votre tableau de bord WordPress. Cliquez ensuite sur l'onglet Ecriture .

La fonctionnalité de visibilité du widget n'est pas activée par défaut. Vous devrez faire défiler jusqu'à la zone des paramètres du widget et activer cette option.

Vos modifications seront automatiquement enregistrées. Une fois cette étape terminée, vous pourrez contrôler où les widgets apparaissent sur votre site Web.

Étape 2 : Ajouter de nouvelles règles

Maintenant que votre fonctionnalité de visibilité est activée, vous pouvez accéder à Apparence > Widget dans votre tableau de bord WordPress. Si vous cliquez sur un widget actif, vous verrez un nouveau bouton Visibilité .

Si vous sélectionnez Visibilité, vous trouverez un nouveau panneau d'options dans lequel vous pouvez créer des instructions logiques de visibilité. Ceux-ci vous permettront de contrôler où chaque widget particulier apparaît sur votre site Web WordPress.

Vous pouvez créer plusieurs instructions logiques pour contrôler la visibilité de votre widget, mais vous devrez ensuite décider si toutes les conditions doivent être remplies. Si tel est le cas, vous devrez cocher la case Respecter toutes les conditions .

Par exemple, si vous souhaitez masquer le widget Articles récents sur la page d'accueil de votre site Web, mais uniquement lorsque les articles sont écrits par un auteur spécifique, vous pouvez configurer la logique comme celle-ci.

En utilisant Jetpack pour personnaliser vos widgets, vous ne devriez pas avoir à ajuster le code de votre thème. Cependant, nous vous recommandons toujours de tester vos nouveaux paramètres sur un serveur intermédiaire avant de les déployer sur votre site Web en ligne.

Personnalisez votre site avec WP Engine

Maintenant que vous savez comment mieux contrôler les pages et les publications sur lesquelles vos widgets WordPress apparaissent, vous pouvez créer des barres latérales très pertinentes pour votre site Web. Chez WP Engine, nous comprenons à quel point il peut être important d'avoir accès aux bonnes ressources de développement si vous souhaitez créer un site vraiment personnalisé.

De plus, la personnalisation du site Web peut souvent nécessiter de nombreux tests, essais et erreurs. C'est pourquoi nous proposons une variété de plans d'hébergement avec tous les outils et ressources dont vous avez besoin pour créer une expérience numérique incroyable. Découvrez toutes nos solutions et produits WordPress pour votre prochain projet !