Widgets WordPress : le guide complet

Publié: 2021-05-08

Il existe de nombreuses raisons pour lesquelles WordPress est si populaire, notamment sa flexibilité. Par exemple, les widgets WordPress vous aident à effectuer des personnalisations simples et efficaces. Comprendre le fonctionnement de ces modules peut vous aider à optimiser et à améliorer votre site, en particulier vos barres latérales et vos pieds de page, sans avoir à toucher à aucun code.

Dans cet article, nous allons vous présenter les widgets WordPress et expliquer leurs utilisations. Nous discuterons de l'endroit où vous pouvez les afficher sur votre site, puis vous expliquerons comment les présenter, les désactiver, les importer ou les exporter.

Commençons!

Abonnez-vous à notre chaîne Youtube

Une introduction aux widgets WordPress

Les widgets sont des éléments que vous pouvez utiliser pour afficher facilement différents types de contenu dans votre barre latérale et vos zones de pied de page WordPress. Ceux-ci incluent du texte, des liens, des images, etc.

Pour de nombreux utilisateurs, en particulier les débutants sans grande expérience technique, les widgets sont incroyablement utiles. Vous pouvez utiliser ces modules prédéfinis pour améliorer à la fois la conception et les fonctionnalités de vos pages sans avoir à coder manuellement les nouvelles fonctionnalités.

Les widgets sont de petits blocs de contenu et ne sont généralement pas l'objet principal d'une page. Cependant, cela ne veut pas dire qu'ils ne jouent pas des rôles essentiels. Par exemple, vous pouvez les utiliser pour afficher la météo, mettre en évidence un emplacement sur une carte ou fournir aux visiteurs un menu de navigation pratique.

Alors que les thèmes WordPress vous permettent de modifier l'ensemble de l'apparence de votre site Web, les widgets vous permettent d'ajouter et de personnaliser des fonctionnalités spécifiques à certaines zones. WordPress est livré avec une variété d'options par défaut :

Les widgets WordPress par défaut.

Vous pouvez utiliser ces widgets pour tout, de l'affichage des barres de recherche à la présentation d'une liste de commentaires ou de publications récents. En plus de ces options prêtes à l'emploi, il existe également des moyens de créer vos propres widgets.

De plus, certains thèmes et plugins sont également livrés avec leurs propres widgets uniques. Par exemple, MetaSlider vous permet d'ajouter des curseurs d'images à vos zones de widgets :

Un widget avec un curseur d'image.

Un autre exemple est notre plugin de partage social Monarch, qui vous permet de présenter vos comptes de réseaux sociaux :

Un widget avec des icônes de réseaux sociaux.

Quel que soit le type de widget que vous recherchez, vous trouverez forcément une option appropriée.

Où vous pouvez afficher les widgets WordPress

Il existe généralement plusieurs zones de widgets sur un site WordPress. En règle générale, les widgets sont placés dans une barre latérale ou un pied de page. Cependant, ce ne sont pas les deux seules options.

Le nombre de zones de widgets dont vous disposez sera dicté en grande partie par votre thème. Certains thèmes peuvent proposer plusieurs barres latérales ou vous permettre d'ajouter des widgets à des endroits tels que l'en-tête de votre site.

Vous trouverez ci-dessous un exemple de widgets dans une barre latérale (1) et un pied de page (2) :

Widgets WordPress placés dans une barre latérale et une zone de pied de page.

Vous pouvez choisir de présenter les widgets uniquement sur des pages spécifiques ou sur toutes les pages de votre site. Par exemple, bien que vous souhaitiez inclure un widget Barre de recherche sur chaque page, vous souhaiterez peut-être afficher uniquement le widget Articles récents sur votre blog.

Comment afficher les widgets WordPress

Lorsqu'il s'agit de présenter des widgets sur votre site WordPress, vous avez quelques options. Premièrement, il est utile de savoir quelles zones de votre site sont compatibles avec les widgets.

Ajout de widgets à partir de l'écran d'administration de WordPress

Pour voir où vous pouvez afficher les widgets WordPress dans votre thème actuel, vous pouvez vous diriger vers Apparence > Widgets dans votre tableau de bord :

L'apparence de WordPress > WidgetL'apparence de WordPress > Élément de menu de l'élément de menu Widgets.

Dans le dernier thème par défaut de WordPress, Twenty Twenty-One, vous ne trouverez qu'une seule zone de widget dans le pied de page :

L'écran de widgets du thème WordPress Twenty Twenty-One.

Cependant, si vous utilisez notre thème Divi, vous aurez accès à une pléthore de zones de widgets, notamment une barre latérale et plusieurs pieds de page. Vous aurez également la possibilité de créer vos propres nouvelles zones de widgets à utiliser dans le module de la barre latérale :

La zone de widget du Thème Divi.

Pour afficher un widget dans l'une de ces sections, il vous suffit de glisser-déposer le module de votre choix sous la section désignée. Par exemple, si vous vouliez ajouter un widget à votre barre latérale, vous le placeriez sous le panneau Barre latérale . Comme vous pouvez le voir dans l'exemple ci-dessus, nous avons actuellement des messages récents et des commentaires récents .

Alternativement, vous pouvez simplement cliquer sur le widget, sélectionner la zone à laquelle vous souhaitez l'ajouter, puis cliquer sur Ajouter un widget :

Ajout d'un widget WordPress.

L'écran Apparence > Widgets est l'une des deux méthodes que vous pouvez utiliser pour afficher des widgets. Une autre option consiste à utiliser le personnalisateur de thème WordPress.

Ajout de widgets à partir du personnalisateur de thème

Pour commencer, accédez à Apparence > Personnaliser dans votre tableau de bord :

L'élément de menu Apparence WordPress > Personnaliser.

Sur cette page, il y aura généralement une section Widgets :

La section « Widgets » du Personnalisateur de thème Divi.

Ensuite, vous pouvez sélectionner la zone dans laquelle vous souhaitez ajouter le widget parmi les options disponibles. Cliquez ensuite sur Ajouter un widget :

Le bouton « Ajouter un widget » dans le personnalisateur de thème WordPress.

Ensuite, dans la liste des options du widget, choisissez le module que vous souhaitez ajouter :

Ajout du widget de calendrier dans le personnalisateur de thème WordPress.

Vous pouvez donner un titre au widget si vous le souhaitez, bien que ce ne soit pas nécessaire. Notez que si vous saisissez un titre, il sera visible sur le front-end pour vos visiteurs.

Lorsque vous avez terminé, cliquez sur Publier pour enregistrer vos modifications. Maintenant, lorsque vous visitez votre site, vous devriez voir le widget affiché :

Un aperçu du widget calendrier placé dans une barre latérale WordPress.

C'est ça! Vous pouvez répéter ce processus pour ajouter autant de modules que vous le souhaitez à n'importe quelle zone conviviale pour les widgets de votre site.

Comment désactiver les widgets WordPress

Lorsque vous expérimentez avec des widgets WordPress, vous devrez peut-être savoir comment les supprimer ou les désactiver. Heureusement, le processus pour le faire est rapide et facile, et vous avez quelques options.

Supprimer manuellement des widgets

La première méthode consiste à supprimer manuellement vos widgets. Accédez à Apparence > Widgets , puis accédez à la zone de widgets qui contient le module que vous souhaitez supprimer. Cliquez sur la flèche pour la développer, puis cliquez sur Supprimer :

La possibilité de supprimer un widget WordPress.

Le processus est similaire si vous souhaitez utiliser le Customizer. Accédez à Apparence > Personnaliser > Widgets . Ouvrez le panneau des widgets, localisez le module que vous souhaitez supprimer, puis cliquez sur Supprimer :

La possibilité de supprimer un widget dans le personnalisateur de thème WordPress.

Assurez-vous de sélectionner Publier en haut du personnalisateur pour enregistrer vos modifications.

Marquage des widgets comme inactifs

Vous souhaitez peut-être supprimer un widget sans le supprimer définitivement. Par exemple, vous souhaiterez peut-être le stocker pour une utilisation future sans perdre les paramètres que vous avez personnalisés.

Si tel est le cas, vous pouvez le marquer temporairement comme inactif. Pour ce faire, accédez à Apparence > Widgets . Ensuite, faites glisser et déposez le module de votre choix dans la section Widgets inactifs :

La section des widgets inactifs de WordPress.

Si vous souhaitez ajouter ces widgets à votre site à l'avenir, il suffit de les faire glisser vers la section des widgets actifs ou vers la zone des widgets de votre choix. Vous pouvez également cliquer sur le bouton Effacer les widgets inactifs .

Notez également que si vous changez de thème WordPress et que votre nouveau thème propose différentes options de zone de widget, tous les modules qui ne rentrent pas dans les sections de widget du nouveau thème seront répertoriés comme inactifs.

Utiliser un plugin pour désactiver les widgets

Une troisième option pour désactiver les widgets WordPress consiste à utiliser un plugin. Il existe une poignée d'options de qualité disponibles, en fonction de ce que vous essayez d'accomplir. Jetons un coup d'œil à quelques-uns des meilleurs outils.

Widget désactivé

Le plugin WP Widget Disable.

Si vous souhaitez utiliser un plugin pour désactiver un ou plusieurs widgets, vous ne pouvez pas vous tromper avec Widget Disable. Cet outil gratuit est incroyablement facile à utiliser.

Une fois que vous l'avez installé et activé, accédez simplement à Apparence > Désactiver les widgets :

L'élément de menu pour le plugin WP Widgets Disable.

Sur cet écran, sélectionnez les widgets que vous souhaitez désactiver :

L'écran du plug-in WP Disable Widgets.

Lorsque vous avez terminé, cliquez sur Enregistrer les modifications . Gardez à l'esprit que cette option vous permet de désactiver les widgets, mais ce n'est pas la solution idéale si vous essayez uniquement de masquer les modules. Par exemple, si vous prévoyez d'utiliser à nouveau ces widgets dans un avenir proche, vous souhaiterez utiliser un outil différent (comme le prochain plugin).

Options des widgets

Le plugin WordPress Options Widget.

Widget Options est un autre plugin gratuit que vous pouvez utiliser pour contrôler et personnaliser vos widgets WordPress. Cet outil vous permet de désactiver complètement les widgets ou de les désactiver uniquement pour des pages individuelles.

Une fois le plugin installé et activé sur votre site, vous pouvez commencer à l'utiliser en naviguant dans Paramètres > Options Widget :

L'élément de menu Options du widget dans WordPress.

Sur l'écran suivant, vérifiez que les paramètres de visibilité de la page et de restriction de l'appareil sont activés :

L'écran des paramètres du plugin Widget Options.

Ensuite, vous pouvez accéder à l'écran de vos widgets pour explorer la variété d'options de personnalisation :

La possibilité de masquer les widgets des pages WordPress à l'aide du plugin Widgets Options.

Comme vous pouvez le voir, vous pouvez simplement sélectionner les pages sur lesquelles vous souhaitez masquer ou afficher un widget particulier. Lorsque vous avez terminé, cliquez sur Enregistrer .

Désactiver les widgets à l'aide de PHP

La dernière méthode que vous pouvez utiliser pour désactiver les widgets consiste à modifier manuellement le code de votre site. Bien sûr, cette stratégie n'est pas pour tout le monde. Si vous n'êtes pas à l'aise avec PHP, nous vous recommandons de vous en tenir à un plugin.

Cependant, si vous avez un peu d'expérience en développement et que vous préférez ne pas utiliser de ressources inutiles sur votre site avec un plugin tiers, vous pourriez trouver cette solution préférable. Pour désinscrire les widgets WordPress, commencez par accéder à votre fichier functions.php . (Nous vous recommandons d'utiliser un thème enfant.)

Dans ce fichier, ajoutez l'extrait de code pour désinscrire le widget. Par exemple, si vous vouliez supprimer le widget Calendrier , vous utiliseriez ce qui suit :

 function unregister_default_wp_widgets() { unregister_widget('WP_Widget_Calendar'); } add_action('widgets_init', 'unregister_default_wp_widgets' ); 

Lorsque vous avez terminé, enregistrez le fichier. Maintenant, ce module n'apparaîtra plus en option sur votre écran WordPress Widgets . Si vous souhaitez l'activer à nouveau à l'avenir, vous pouvez simplement supprimer ce code.

Comment importer et exporter des widgets WordPress

Une fois que votre site WordPress est en ligne depuis un certain temps et que vous avez consacré du temps et de l'énergie à la personnalisation de vos widgets, vous souhaiterez peut-être les réutiliser sur un autre site Web. Si tel est le cas, il est utile de savoir comment importer et exporter vos widgets WordPress.

Comme vous pouvez vous y attendre, le moyen le plus simple de le faire est d'utiliser un plugin. Nous recommandons l'importateur et l'exportateur de widgets :

Le plugin WordPress importateur et exportateur de widgets.

Pour commencer, accédez à Outils > Importateur et exportateur de widgets :

L'élément de menu Outils > Importateur et exportateur de widgets dans WordPress.

Sur cet écran, vous aurez deux options : (1) Importer des widgets et (2) Exporter des widgets :

L'écran des paramètres de l'importateur et de l'exportateur de widgets.

Si vous sélectionnez l'option Exporter les widgets , le plugin créera un fichier .wie pour les widgets actuellement actifs dans vos zones de barre latérale et de pied de page (ainsi que tout autre endroit où vous avez des widgets). Ceci est utile car cela signifie qu'il n'enregistrera que vos widgets actifs, plutôt qu'une copie de tous les modules par défaut que vous n'utilisez pas. Vous pouvez télécharger et afficher le fichier dans n'importe quel éditeur de code.

Après cela, vous pouvez importer les widgets sur un autre site. Installez et activez Widget Importer & Exporter sur le nouveau site, puis accédez à nouveau à Outils > Widget Importer & Exporter . Cliquez sur Choisir un fichier , sélectionnez le fichier .wie que vous venez de télécharger, puis appuyez sur Importer des widgets :

L'option d'importer le fichier de widgets dans WordPress.

WordPress vous amènera à une page de résultats une fois le processus d'importation terminé afin que vous sachiez qu'il a réussi. S'il y a des widgets en double, il vous le fera savoir en les marquant avec une étiquette "Le widget existe déjà":

La notification « Le widget existe déjà » du plugin Widget Importer & Exporter.

Une fois l'importation terminée, vous pouvez afficher vos widgets en accédant à Apparence > Widgets . Vous devriez maintenant voir vos widgets affichés sur le nouveau site, de la même manière qu'ils étaient organisés sur votre ancien site.

Cependant, notez que les titres des zones de widgets sur votre nouveau site doivent correspondre aux titres des zones de widgets enregistrés dans le fichier .wie . Sinon, le plugin ne saura pas où placer les modules. Par exemple, si votre ancien thème avait une section appelée "Pied de page #1", le plugin ne saura pas placer les modules dans un thème qui étiquette cette même zone comme "Pied de page A".

Si cela se produit, vous verrez un message « La zone de widget n'existe pas dans le thème (utilisation inactive) ». Vous pouvez localiser ces widgets dans la section Widgets inactifs , puis les placer manuellement dans les zones de widgets appropriées.

Conclusion

WordPress est une plate-forme puissante et flexible qui peut vous permettre de créer un beau site rapidement et facilement. Cependant, afin de tirer le meilleur parti de votre site, il est important de savoir utiliser l'une des fonctionnalités les plus polyvalentes du CMS : les widgets.

Comme nous en avons discuté dans cet article, il existe plusieurs endroits où vous pouvez afficher ces petits modules de contenu sur votre site, y compris la barre latérale et le pied de page. WordPress propose une pléthore de widgets par défaut parmi lesquels choisir. Si vous utilisez un thème tel que Divi, vous pouvez même créer le vôtre. Si vous souhaitez désactiver ou supprimer des widgets spécifiques, vous pouvez le faire manuellement ou en utilisant un plugin tel que Widget Options.

Avez-vous d'autres questions sur l'utilisation des widgets WordPress ? Faites-nous savoir dans la section commentaires ci-dessous!

Image en vedette via Anastacia Trapeznikova / shutterstock.com