Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter et utiliser des widgets dans WordPress (étape par étape)

Les widgets sont des outils puissants qui apportent des fonctionnalités supplémentaires à votre site WordPress. Vous pouvez les ajouter à vos barres latérales et à d'autres zones de widgets sans avoir à écrire de code.

Chez WPBeginner, nous utilisons des widgets pour personnaliser et étendre les capacités de nos sites afin de les rendre plus dynamiques et attrayants pour vos visiteurs. Par exemple, ils peuvent être utilisés pour afficher les derniers articles, les flux de médias sociaux, les offres spéciales, et bien plus encore.

Dans cet article, nous vous montrerons comment ajouter et utiliser des widgets dans WordPress pour personnaliser rapidement votre site, améliorant ainsi son esthétique et l'expérience utilisateur.

Comment ajouter et utiliser des widgets dans WordPress (étape par étape)

💡 TL;DR : Vous pouvez ajouter et gérer des widgets dans WordPress en allant dans Apparence » Widgets et en sélectionnant la zone que vous souhaitez modifier. De là, vous pouvez ajouter, personnaliser, enregistrer ou supprimer des widgets pour contrôler l'apparence de votre barre latérale et d'autres zones de widgets.

Que sont les widgets et pourquoi en avez-vous besoin dans WordPress ?

Les widgets sont des blocs de contenu que vous pouvez ajouter aux barres latérales, au pied de page et à d'autres zones de widgets de votre site WordPress.

Cela peut être un moyen simple d'ajouter des galeries d'images, des flux de médias sociaux, des citations, des calendriers, des articles populaires et d'autres éléments dynamiques à votre site WordPress.

Vous pouvez trouver votre zone de widgets en allant dans Apparence » Widgets dans votre tableau de bord d'administration WordPress.

Ces « zones de widgets » sont des emplacements spécifiques définis par votre thème WordPress où les widgets peuvent être placés. Les zones courantes comprennent les barres latérales (gauche ou droite), le pied de page (souvent divisé en plusieurs colonnes), et parfois l'en-tête ou des zones spécifiques dans le contenu des articles.

Exemple de menu de widget

L'expérience moderne de WordPress utilise principalement les Widgets par blocs, qui intègrent la puissance de l'éditeur de blocs WordPress dans vos zones de widgets. Il remplace l'ancienne interface des « widgets classiques » par un outil de création de contenu plus visuel et flexible.

Ceci dit, nous allons vous montrer comment ajouter facilement des widgets à différentes zones de votre site WordPress.

Comment ajouter un widget à une barre latérale dans WordPress

Il existe plusieurs façons d'ajouter des widgets à votre zone de barre latérale WordPress.

Méthode 1 : Utilisation de l'écran des Widgets (pour les thèmes classiques)

Si vous utilisez un thème WordPress classique, la méthode la plus courante consiste à naviguer vers Apparence » Widgets.

Sur cet écran, vous verrez vos zones de widgets disponibles (comme « Barre latérale » ou « Pied de page »). Cliquez sur la zone de widgets que vous souhaitez modifier pour la développer.

Développer le widget de la barre latérale

Ensuite, cliquez sur l'icône « + » pour faire apparaître le menu des blocs de widgets.

Ici, vous pouvez rechercher un widget par son nom. Ou, cliquez sur le bouton « Parcourir tout » pour afficher un menu de tous les widgets disponibles.

Cliquer sur l'icône d'ajout de bloc de widget

Pour ajouter un widget à votre barre latérale, cliquez simplement sur ce widget, et il sera automatiquement ajouté à votre barre latérale.

Ensuite, tout ce que vous avez à faire est de cliquer sur le bouton « Mettre à jour », et le widget sera désormais en ligne sur votre site web.

Ajouter le widget et mettre à jour
Méthode 2 : Utilisation du personnaliseur de thème (pour les thèmes classiques)

Une autre façon d'ajouter des widgets, surtout si vous souhaitez voir un aperçu en direct de vos modifications, est d'utiliser le personnaliseur de thème WordPress. Cette méthode est principalement destinée aux thèmes classiques.

Tout d'abord, naviguez vers Apparence » Personnaliser, puis cliquez sur l'option « Widgets ».

Widget du personnalisateur de barre latérale WordPress

Cela vous amène à une page où vous pouvez personnaliser vos options de widgets et voir les changements en temps réel.

Pour ajouter un widget à votre barre latérale, cliquez simplement sur l'option de menu « Barre latérale droite » (ou toute autre zone de widget que vous souhaitez modifier).

Cliquer sur le widget de la barre latérale droite

Après cela, cliquez sur l'icône « + » pour ajouter un bloc, afin de faire apparaître le menu des blocs de widgets.

Ensuite, sélectionnez un bloc de widget, et il sera automatiquement ajouté à votre barre latérale.

Cliquer pour ajouter un bloc au widget de la barre latérale

Le processus d'ajout d'un widget est le même que ci-dessus.

Une fois que vous avez terminé d'apporter des modifications à votre zone de widgets, cliquez sur le bouton « Publier » pour mettre vos modifications en ligne.

Enregistrer les modifications du widget de la barre latérale dans le personnalisateur
Méthode 3 : Utilisation de l'éditeur de site (pour les thèmes d'édition complète du site)

Si vous utilisez un thème plus récent d'édition complète du site (FSE), vous n'aurez pas les options traditionnelles « Widgets » ou « Personnaliser » sous Apparence. Au lieu de cela, vous gérerez les blocs (y compris ceux qui agissent comme des widgets) directement dans l'éditeur de site.

Naviguez simplement vers Apparence » Éditeur. Cela ouvrira l'éditeur de site.

Dans l'éditeur, vous pouvez parcourir vos modèles (comme « Article unique » ou « Page ») et vos parties de modèle (comme « En-tête » ou « Pied de page »).

Sélectionner un modèle dans l'éditeur complet du site

Pour ajouter un bloc similaire à un widget, sélectionnez la partie du modèle où vous souhaitez l'ajouter (par exemple, une zone de barre latérale dans un modèle).

Cliquez sur l'icône « + » pour ajouter un nouveau bloc. Vous pouvez rechercher des blocs comme « Derniers articles », « Recherche », « Catégories », etc., qui fonctionnent de manière similaire aux widgets classiques.

Ajouter un widget dans l'éditeur complet du site

Une fois ajouté et configuré, cliquez sur le bouton « Enregistrer » pour appliquer vos modifications au modèle.

Comment supprimer un widget dans WordPress

La suppression d'un widget dans WordPress est aussi simple que son ajout. Naviguez simplement vers Apparence » Widgets dans votre tableau de bord WordPress.

Après cela, cliquez sur le bloc de widget que vous souhaitez supprimer.

Cliquez sur le bloc de widget pour supprimer

Ensuite, en haut du bloc de widget, cliquez sur le bouton « Options » à trois points. Cela fait apparaître un menu qui vous permet de déplacer et de supprimer le widget.

Pour supprimer le widget, sélectionnez simplement l'option « Supprimer le bloc ».

Cliquez sur options et supprimez le bloc de widget

La suppression du widget le retirera de votre barre latérale et supprimera les paramètres du widget ou toutes les options que vous avez sélectionnées.

Parfois, vous voudrez peut-être supprimer un widget tout en conservant ses paramètres pour l'avenir. Ceci est utile si vous prévoyez de le réutiliser plus tard sans avoir à le reconfigurer.

Pour ce faire, sur l’écran Apparence » Widgets (pour les thèmes classiques), vous pouvez faire glisser le bloc de widget vers la section « Widgets inactifs ».

Recherchez la poignée à six points ou cliquez simplement sur le bloc de widget et maintenez-le enfoncé pour le faire glisser.

Avant de quitter la page, assurez-vous de cliquer sur le bouton « Mettre à jour » pour enregistrer les paramètres de votre widget.

Faites glisser vers le widget inactif

Si vous souhaitez réutiliser ce widget, faites simplement glisser le bloc de widget depuis la section « Widgets inactifs » vers une zone de widget active.

📍Remarque : Cette fonctionnalité « Widgets inactifs » est spécifique aux thèmes classiques utilisant l’écran Apparence » Widgets. Pour les thèmes FSE utilisant l’Éditeur de site, vous supprimeriez généralement le bloc, puis le rajouteriez si nécessaire, car il n’y a pas de zone de « mise en attente » inactive.

Vous voudrez peut-être également consulter notre guide sur comment désactiver les widgets indésirables de WordPress.

Quels types de widgets sont disponibles pour WordPress ?

Une installation WordPress par défaut est livrée avec des widgets intégrés, notamment les derniers articles, les tags, une barre de recherche, les catégories, un calendrier, et plus encore.

Cependant, la plupart des plugins WordPress et des thèmes sont également livrés avec leurs propres blocs de widgets que vous pouvez ajouter à votre site.

Blocs de widgets disponibles WordPress

Pour vous donner une meilleure idée, voici une présentation des widgets WordPress courants que vous rencontrerez, qu’ils soient intégrés ou fréquemment ajoutés par des extensions :

Nom du widgetFonction et cas d’utilisation
ArchivesAffiche une archive mensuelle de vos articles, utile pour permettre aux visiteurs de parcourir le contenu ancien.
AudioIntègre un lecteur audio pour lire de la musique ou des podcasts directement sur votre site.
CalendrierAffiche un calendrier mettant en évidence les jours avec des articles publiés, facilitant la navigation.
CatégoriesListe les catégories de vos articles, aidant les utilisateurs à explorer des sujets spécifiques.
HTML personnaliséVous permet d’ajouter du code HTML personnalisé, idéal pour intégrer du contenu externe ou des mises en page uniques.
GalerieAffiche une sélection d’images sous forme de galerie.
ImageAjoute une seule image avec un lien optionnel.
Derniers commentairesAffiche les commentaires les plus récents sur vos articles, encourageant l’interaction.
Derniers articlesListe vos articles de blog les plus récents, gardant le contenu frais et découvrable.
Menu de navigationAffiche un menu personnalisé que vous avez créé (par exemple, menu principal, menu de pied de page).
PagesListe toutes les pages publiées sur votre site.
RSSAffiche les entrées de n’importe quel flux RSS, utile pour afficher du contenu d’autres sites.
RechercherAjoute une barre de recherche, permettant aux visiteurs de trouver du contenu spécifique sur votre site.
ShortcodeVous permet d’insérer des shortcodes d’extensions ou de thèmes.
Icônes socialesAffiche les liens vers vos profils de médias sociaux (souvent fournis par les thèmes/extensions).
Nuage de tagsAffiche un nuage de vos balises les plus utilisées, rendant la découverte de contenu plus visuelle.
TexteAjoute du texte brut ou du HTML de base, polyvalent pour les messages de bienvenue, les avertissements, etc.
VidéoIntègre des vidéos de plateformes comme YouTube ou Vimeo, ou des vidéos auto-hébergées.
WPForms (Exemple)Vous permet d'intégrer un formulaire de contact créé avec le plugin WPForms directement dans une zone de widget.

Vous pouvez même créer votre propre widget pour ajouter un widget entièrement personnalisé à WordPress. Pour plus de détails, consultez notre guide sur comment créer un widget WordPress personnalisé.

Questions fréquemment posées sur l'ajout et l'utilisation de widgets dans WordPress

Voici quelques questions que nos lecteurs se sont fréquemment posées concernant l'ajout et l'utilisation des widgets dans WordPress :

Comment fonctionnent les widgets dans WordPress ?

Les widgets dans WordPress fonctionnent comme de petits blocs de contenu que vous pouvez ajouter à des zones telles que les barres latérales et les pieds de page. Ils vous aident à afficher du contenu supplémentaire tel que des menus, des articles récents ou des barres de recherche sans modifier le code.

Comment concevoir un bon widget dans WordPress ?

Un bon widget dans WordPress est simple, utile et facile à lire. Il doit correspondre à la conception de votre site et apporter rapidement de la valeur sans distraire les utilisateurs du contenu principal.

Pour commencer, vous pouvez consulter notre tutoriel sur la création d'un widget WordPress personnalisé.

Comment utiliser les widgets classiques dans WordPress ?

Vous pouvez utiliser les widgets classiques dans WordPress en installant un plugin qui restaure l'ancien éditeur de widgets. Cela vous permet de gérer les widgets à l'aide de l'interface traditionnelle au lieu du système basé sur les blocs.

Pour plus d'informations, vous pourriez consulter notre guide sur la manière de désactiver les blocs de widgets dans WordPress (restaurer les widgets classiques).

Quels sont les inconvénients des widgets dans WordPress ?

Les widgets peuvent parfois donner une impression de désordre si trop d'entre eux sont utilisés. Ils peuvent également ralentir les performances si des widgets lourds ou mal optimisés sont ajoutés.

Les widgets sont-ils bons pour le SEO dans WordPress ?

Les widgets peuvent soutenir le SEO dans WordPress en améliorant la navigation et l'expérience utilisateur. Cependant, ils n'améliorent pas directement les classements à moins qu'ils n'aident les utilisateurs à s'engager davantage avec votre contenu.

Nous espérons que cet article vous a aidé à apprendre comment ajouter et utiliser des widgets dans WordPress. Vous voudrez peut-être également consulter notre guide sur comment choisir un schéma de couleurs parfait pour votre site WordPress et notre sélection des meilleurs astuces de barre latérale WordPress pour obtenir des résultats maximums.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

27 CommentairesLaisser une réponse

    • Tout dépend du thème, mais le but est le même et les blocs ont l'avantage que la plupart peuvent être inclus dans les articles ou les pages comme contenu également :)

      Admin

  1. Merci. Avant, j'avais du mal à différencier un plugin d'un widget, cet article a pour effet secondaire de me faire comprendre la différence. S'il vous plaît, puis-je demander si les blocs dans l'éditeur de blocs sont aussi des widgets ? Merci encore.

    • Ils sont suffisamment similaires pour être considérés fonctionnellement comme identiques pour le moment :)

      Admin

  2. Bonjour, merci pour l'article. J'ai compris d'après le guide que les plugins étendent les capacités du site, mais quelle est exactement la différence entre un widget et un plugin ? Les deux ajoutent des fonctionnalités et des capacités au site.

    • Les widgets sont utilisés pour ajouter quelque chose de visuel à votre site ou à votre contenu, tandis qu'un plugin peut ajouter n'importe quoi à votre site, c'est une façon de le penser :)

      Admin

  3. en voyant Apparence->Widgets, le message suivant apparaît :

    Votre thème dispose de 5 zones de widgets, mais cette page particulière ne les affiche pas.
    Vous pouvez naviguer vers d'autres pages de votre site tout en utilisant le personnaliseur pour afficher et modifier les widgets affichés sur ces pages.

    mais après cela, il n'y a plus de zones mentionnées comme dans cet article, vous avez « barre latérale droite » et « en-tête »... merci de m'aider

    • Il semble que votre thème ait des options de conception personnalisées. Nous vous recommandons de contacter le support de votre thème spécifique, qui pourra vous expliquer comment modifier vos widgets avec leurs outils.

      Admin

  4. Si le thème n'a que des widgets de pied de page, comment pouvons-nous ajouter des widgets dans la barre latérale et la section des menus ?

    • Vous devriez envisager de changer de thème ou d'utiliser un constructeur de pages si le thème que vous utilisez n'offre pas la possibilité d'ajouter des widgets là où vous le souhaitez.

      Admin

  5. Je veux changer la formulation de la section Commentaires de mon blog, mais quand je vais dans Widgets, aucun widget n'est affiché pour le pied de page.

  6. Pouvez-vous utiliser les blocs Gutenberg dans la zone de widgets de votre site, ou seulement sur les articles et les pages ?

    • Seulement sur les articles et les pages pour le moment, mais peut-être qu'avec les mises à jour de Gutenberg, il y aura quelque chose :)

      Admin

  7. Je veux ajouter des widgets icônes sur la page d'accueil et les faire pointer vers mes catégories. Je n'ai pas d'« zone de widget » sur ma page d'accueil (c'est là que je veux les mettre). Les seules zones de widget sont en bas des pages. Des suggestions ? Merci.

  8. Pas un commentaire mais une question.
    Dans la zone d'administration de Wordpress, si j'étends Apparence, je ne vois que « Thèmes », « Personnaliser » et « Éditeur » – pas « Widgets ».
    Comment faire apparaître « Widgets » ici ?
    Merci

    • Salut Bill,

      Essayez de passer à un thème par défaut et voyez si vous pouvez voir les widgets dans la zone d'administration. Si c'est le cas, cela signifie que votre thème n'a pas de barres latérales ou de zones prêtes pour les widgets définies, et c'est pourquoi vous ne pouvez pas voir les widgets sous apparence.

      Admin

  9. Merci pour votre article à ce sujet. Vous m'avez évité de me taper la tête contre le mur plus longtemps que nécessaire. ;)

    • Je suis en train de reconstruire un site web avec très peu d'expérience de WordPress. Dans la section ou la page Widget, j'ai cliqué sur quelque chose et il est maintenant indiqué "gérer avec aperçu en direct". Je ne peux pas ajouter de widget. Comment puis-je me débarrasser de cela pour pouvoir ajouter un widget que j'ai téléchargé ? Merci de votre temps.

  10. Bonjour, existe-t-il un plugin qui suit les vues de page des publicités de widgets pour les clients.
    Merci

  11. Bonjour,

    Je cherchais à savoir le nombre maximum de widgets que l'on peut ajouter à WordPress. Je pourrais finir par avoir un widget par page !

  12. Vous créez de très bonnes choses pour nous, débutants. Une version imprimable de vos articles serait très utile.

  13. Article très opportun. J'étais sur le point de créer des vidéos pédagogiques pour mon assistant virtuel sur la façon de maintenir les widgets de mon site. Utiliser cet article comme document de référence devrait faciliter grandement les choses.

    Je lui ai recommandé de commencer à suivre WPBeginner — je ne serais pas surpris de la voir développer plus d'expertise WP que moi :)

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.