Publié par le 2 mars 2015 • 94 Commentaires

Quand on commence à utiliser WordPress, on est confronté à des dizaines de nouveaux termes.

Les plugins, les thèmes, les catégories, les mots-clés, la sidebar, les widgets etc. Il y a de quoi perdre la tête.

Pas de panique. Vous n’avez pas besoin de tout retenir d’un coup. En procédant pas à pas, vous arriverez à maîtriser tout ce dont vous avez besoin pour gérer votre site comme un pro.

C’est juste une question de temps. Croyez-moi 🙂

Dans cette nouvelle recette, nous allons voir ce que sont les widgets, à quoi ils servent et comment ils vont vous être utiles.

Qu’est ce qu’un widget ?

Partons des acquis. Savez-vous ce qu’est une sidebar (on appelle aussi cela une barre latérale) ?

Non ? Et bien consultez cet article et revenez après l’avoir lu.

C’est bon, vous l’avez lu ?

Très bien. Vous savez désormais qu’un widget correspond à un module que l’on insère dans une sidebar. Grâce à eux vous allez pouvoir afficher des informations précises à vos visiteurs.

Par défaut, WordPress propose 12 widgets. Certains thèmes WordPress en ajoutent d’autres et des plugins permettent d’intégrer des widgets accomplissant des actions bien précises.

Si vous avez un côté développeur, vous pouvez même créer vos propres widgets mais c’est une autre histoire.

Par exemple sur la Marmite, on trouve un widget pour s’inscrire à la newsletter du blog, une liste d’articles, un champ de recherche et un autre formulaire qui reste en haut de l’écran lorsqu’on fait défiler les articles.

Comment ajouter un widget dans une sidebar

Si votre thème possède une ou plusieurs zones de widgets, vous allez pouvoir y insérer des widgets en vous rendant dans Apparence > Widgets (vous ne trouvez pas ce menu ? Cela signifie que votre thème n’est pas compatible avec les widgets).

La plupart des thèmes possèdent deux zones « widgetisées » (parfois, il y en a plus) :

  1. La barre latérale
  2. Le pied de page

En se rendant dans Apparence > Widgets, vous tomberez sur la page suivante. Voyons de quoi elle se compose :

Widgets proposés par le thème Galopin
  1. Widgets disponibles : Liste des widgets proposés par WordPress, votre thème et éventuellement par vos plugins. Les widgets encadrés en bleus sont ceux offerts par le thème Galopin (dont je me suis servi pour cet exemple).
  2. Zones widgetisées de votre thème : Selon les thèmes il peut en avoir une ou plusieurs. Dans certains thèmes, il est même possible de créer ses propres zones de widgets.
  3. Widgets désactivés : Si vous désirez retirer temporairement des widgets des zones de widgets, il faudra les placer ici. Cet espace est une sorte de zone de widgets invisible. L’avantage est que les paramètres des widgets sont conservés (pas besoin d’en paramétrer un de nouveau).

Pour intégrer un widget à une zone de widgets, plusieurs solutions s’offrent à vous. La première est de faire un glisser déposé :

Ajouter un widget par glisser déposer

La seconde solution est de cliquer sur le widget de votre choix, puis sur la zone de widget dans laquelle vous voulez le voir apparaître :

Ajouter un widget sans glisser déposer

Comme vous pouvez le voir, ce n’est pas très compliqué 🙂

À présent, voyons comment…

Gérer les widgets de son site

Une fois que vous aurez ajouté vos premiers widgets, vous vous rendrez compte qu’ils possèdent un certain nombre de points communs.

On note la présence d’un lien Supprimer, Fermer et d’un bouton Enregistrer.

  • Supprimer : Cliquer sur ce lien supprimera le widget de la zone où il a été ajouté ainsi que tous ses paramètres.
  • Fermer : Cliquer sur ce lien rétractera le widget. Pour le redéployer, cliquez sur le widget (ou la flèche située à droite).
  • Enregistrer : Ce bouton sert à sauvegarder les modifications apportées au widget. Il est important de cliquer dessus une fois après avoir paramétré vos widgets.

Si l’emplacement d’un de vos widgets ne vous convient plus, vous pouvez les déplacer comme bon vous semble grâce à de simples glisser déposer :

Déplacement des widgets dans WordPress

L’exemple ci-dessus montre qu’il est possible de modifier l’ordre des widgets dans la barre latérale de Galopin mais vous pouvez aussi déplacer un widget d’une zone widgetisée à une autre :

Déplacement de widgets dans une autre zone widgetisée

Plutôt facile, n’est-ce pas ?

Étant donné que cet article s’appelle le guide complet des widgets dans WordPress, nous n’allons pas nous arrêter ici.

Découvrons maintenant…

Les widgets par défaut de WordPress

Nous avons vu que WordPress propose des widgets par défaut (12 exactement). Intéressons-nous à ce qu’ils permettent d’accomplir et en quoi ils sont utiles (ou pas).

Ce tour d’horizon nous permettra également de découvrir à quoi correspondent les options qu’ils proposent.

Le widget Archives

Le widget Archives dans WordPress

Ce premier widget sert à afficher les archives mensuelles de votre site.

Si votre site est récent (moins de 6 mois), je vous déconseille fortement de l’utiliser.

Dans le cas d’un site plus ancien, mon avis est mitigé.

D’un côté cela permet de montrer votre régularité en terme de publication.

Cela dit d’un autre côté, ces liens sont assez peu cliqués (avez-vous déjà visité un site en vous disant : « Tiens, et si je lisais les article de juin 2012. » ?).

L’avis d’Alex : Préférez ne pas employer ce widget.

Options du widget Archives

  • Titre : Texte à afficher avant le widget. Par exemple « Archives », « Archives du blog » ou rien du tout. Cette option est facultative.
  • Afficher comme liste déroulante : Au lieu d’afficher une liste de liens, cette option vous permettra d’afficher une liste déroulante, ce qui prend beaucoup moins de place au sein de la zone widgetisée.
  • Afficher le nombre d’articles : Cocher cette option affichera le nombre d’articles parus chaque mois au niveau des liens ou de la liste déroulante (si elle est activée).

N’oubliez pas de cliquer sur Enregistrer pour valider vos options.

Le widget Articles récents

Widget articles récents de WordPress

Le second widget par défaut de WordPress est plus intéressant. Il permet d’afficher la liste des derniers articles parus sur votre blog.

Ce widget est très utile pour partager vos dernières publications en un seul coup d’oeil.

L’avis d’Alex : Ce widget est quasi indispensable mais veillez à ne pas l’afficher sur la page de vos derniers articles pour éviter de faire doublon.

Vous pouvez utiliser le plugin widget logic pour masquer ce widget sur certaines pages.

Options du widget Articles récents

  • Titre : Texte à afficher avant le widget. Par exemple « Derniers articles », « Articles tout frais » ou rien du tout. Cette option est facultative.
  • Nombre d’articles à afficher : Choisissez le nombre d’articles que le widget doit afficher. Par défaut le nombre est de 5 mais n’allez pas au delà de 10.
  • Afficher la date du contenu : Cocher cette option affichera la date de publication des articles présentés.

Le widget Calendrier

Widget calendrier de WordPress

Ce widget sert à intégrer un calendrier qui affiche la date du jour. Les jours de publication d’articles sont matérialisés par des liens renvoyant vers la page d’archive du jour (qui affiche les articles parus ce jour là).

L’avis d’Alex : Clairement, ce widget ne sert à rien. Ne l’utilisez pas.

Options du widget Calendrier

  • Titre : Texte à afficher avant le widget. Par exemple « Calendrier » ou rien du tout. Cette option est facultative.

Le widget Catégories

Widget catégories de WordPress

Le widget Catégories sert à afficher la liste des catégories de votre site (crées dans Articles > Catégories).

L’avis d’Alex : Si vous ne les avez pas intégrées à votre menu, ce widget peut être un bon moyen de guider vos visiteurs à travers votre site.

Options du widget Catégories

  • Titre : Texte à afficher avant le widget. Par exemple « Catégories », « Catégories du blog » ou rien du tout. Cette option est facultative.
  • Afficher comme liste déroulante : Au lieu d’afficher une liste de liens, cette option vous permettra d’afficher une liste déroulante, ce qui prend beaucoup moins de place au sein de la zone widgetisée.
  • Afficher le nombre d’articles : Cocher cette option affichera le nombre d’articles contenus dans chaque catégorie.
  • Afficher la hiérarchie : Si vous utilisez des sous-catégories, il est possible de les mettre en avant dans le widget en affichant l’arborescence des catégories.

Le widget Chercher

Widget Chercher WordPress

Si vous voulez donner la possibilité à vos visiteur d’effectuer des recherches sur votre site, ce widget va intégrer un champ de recherche dans une des zones widgetisées de votre thème.

L’avis d’Alex : Si votre blog contient un faible nombre d’articles, je ne recommande pas de l’utiliser car on peut facilement tout parcourir.

Si votre thème embarque déjà un champ de recherche dans l’en-tête par exemple, ce widget ne vous sera pas utile (pas besoin d’en avoir deux).

Options du widget Chercher

  • Titre : Texte à afficher avant le widget. Par exemple « Recherche », « Trouvez votre bonheur » ou rien du tout. Cette option est facultative.

Le widget Commentaires récents

Widget Commentaires récents de WordPress

Ce widget sert à afficher la liste des derniers commentaires publiés par vos visiteurs.

L’avis d’Alex : En tant qu’internaute, avez-vous déjà cliqué sur ce genre de widget ? Non ? Moi non plus.

Ce widget ne sert donc à rien sauf à polluer votre site. Ne l’utilisez pas.

Options du widget Commentaires récents

  • Titre : Texte à afficher avant le widget. Par exemple « Derniers commentaires » ou rien du tout. Cette option est facultative.
  • Nombre de commentaires à afficher : Définissez le nombre de commentaires à afficher.

Le widget Flux

Widget Flux RSS WordPress

Le widget Flux sert à afficher le contenu d’un flux RSS sur votre site.

Pour information, un flux RSS correspond à la liste des articles d’un blog ou d’un site d’actualités (cela peut aussi correspondre à une catégorie ou à un mot-clé spécifique).

L’avis d’Alex : Sauf si vous tenez à envoyer vos visiteurs sur un autre site, ce widget n’est pas vraiment utile.

Options du widget Flux

  • Saisissez l’adresse web du flux RSS ici : Entrez l’URL du flux RSS que vous désirez afficher.
  • Donnez un titre au flux (facultatif) : Comme pour les autres widgets, vous pouvez définir un titre
  • Combien d’entrées souhaitez-vous afficher ? : Combien d’éléments voulez-vous afficher pour ce flux ? Par défaut, le nombre est de 10.
  • Afficher le contenu de l’élément ? : Cocher cette case affichera le contenu des éléments du flux, cela pourra s’avérer encombrant dans certains cas.
  • Afficher l’auteur de l’élément si disponible ? : Cocher cette case affichera l’auteur de l’élément s’il est disponible.
  • Afficher la date de l’élément ? : Cocher cette case affichera la date de publication de l’élément.

Le widget Menu personnalisé

Widget menu personnalise dans WordPress

Si le menu de votre site est trop étroit, vous pouvez utiliser ce widget pour afficher un menu complémentaire.

Certains thèmes ne possèdent pas de menu dans leur en-tête. Vous avez donc la possibilité d’en afficher un avec ce widget.

L’avis d’Alex : Ce widget est très utile dans certains cas bien précis. Vous pouvez aussi l’utiliser en remplacement du widget Catégories pour afficher les catégories de votre choix.

Options du widget Menu personnalisé

  • Titre : Texte à afficher avant le widget. Par exemple « Menu principal »ou rien du tout. Cette option est facultative.
  • Sélectionner le menu : Les menus que vous avez créés dans Apparence > Menus apparaîtront ici. Créez en un nouveau puis revenez à ce widget ensuite pour y définir le menu fraichement créé.

Le widget Méta

Widget meta de WordPress

Le widget Méta affiche une série de liens utiles au webmaster du site (en l’occurence vous).

Ce widget affichera :

  • Un lien vers l’administration (wp-admin)
  • Un lien de connexion/déconnexion
  • Le lien du flux RSS des articles
  • Le lien du flux RSS des commentaires
  • Un lien vers le site de l’association WordPress-FR (qui s’occupe notamment de traduire WordPress en français et d’organiser le WordCamp Paris).

L’avis d’Alex : Ce widget est inutile et ne sert qu’à encombrer votre barre latérale. Ne l’utilisez pas.

Options du widget Méta

  • Titre : Texte à afficher avant le widget. Par exemple « Liens utiles » ou rien du tout. Cette option est facultative.

Le widget Nuage de mots-clés

Widget nuage de mots-cles de WordPress

Ce widget sert à afficher un florilège des mots-clés ou catégories utilisés sur votre site.

Chaque mot-clé aura une taille proportionnelle au nombre de fois où il est utilisé.

L’avis d’Alex : N’utilisez pas ce widget. Personne ne clique dessus pour naviguer sur un site.

Options du widget Nuages de mots-clés

  • Titre : Texte à afficher avant le widget. Par exemple « Mots-clés », « Nuage de mots-clés » ou rien du tout. Cette option est facultative.
  • Taxinomie : Choisissez la typologie de classement à afficher : les mots-clés ou les catégories.

Le widget Pages

Widget Pages de WordPress

Le widget Pages permet d’afficher la liste des pages de votre site.

L’avis d’Alex : Ce widget devait être utile avant que le widget Menu personnalisé fasse son apparition.

Aujourd’hui il me parait dépassé de l’utiliser. Enfin, il peut probablement servir dans certains cas.

Options du widget Pages

  • Titre : Texte à afficher avant le widget. Par exemple « Ressources » ou rien du tout. Cette option est facultative.
  • Trier par : Sélectionnez un critère de tri pour l’affichage des pages.
  • Exclure : Il est possible d’exclure certaines pages de ce widget en indiquant leur identifiant (ID).

Le widget Texte

Widget Texte de WordPress

Ce dernier widget permet d’afficher du texte et n’importe quel contenu de type HTML (le PHP ne sera pas interprété).

On peut s’en servir pour afficher un encart J’aime de Facebook, un formulaire d’inscription à une newsletter ou beaucoup d’autre choses.

Pour y faire figurer des images, vous devrez utiliser le HTML. Allez je vous aide pour cette fois. Voici comment y intégrer une image :

<img src="ADDRESSE_IMAGE" alt="DESCRIPTION">

// Image alignée à droite :

<img src="ADDRESSE_IMAGE" alt="DESCRIPTION" class="alignright">

// Image alignée à gauche :

<img src="ADDRESSE_IMAGE" alt="DESCRIPTION" class="alignleft">

L’avis d’Alex : Ce widget est un indispensable. Bien entendu, il faut une raison valide de l’employer. Attention à ne pas saturer vos zones widgetisées avec n’importe quoi.

Options du widget Texte

  • Titre : Texte à afficher avant le widget. Je pense que vous avez compris à quoi sert cette option depuis le temps ^^
  • Contenu du widget texte : Insérez tout ce que vous voulez ici 🙂
  • Créer automatiquement les paragraphes : Si vous ne voulez pas vous amuser à insérer les balises de paragraphes, faites deux sauts de ligne et activez cette option pour qu’ils soient créés automatiquement.

Et bien, heureusement que WordPress ne fourni pas 36 widgets sinon mon clavier commencerait à surchauffer 🙂

Conclusion

Les widgets font partie intégrante de WordPress au point que l’on ne peut pas imaginer un thème qui ne les utiliseraient pas.

Nous avons vu que WordPress en proposait une douzaine par défaut et qu’il était possible d’en ajouter de nouveaux via le thème WordPress que l’on utilise et des plugins que l’on installe.

Cela me fait justement penser à rédiger un article listant les meilleurs widgets issus de plugins. En utilisez-vous ? Quels sont-ils ? Cela pourra m’aider à rédiger cette future sélection 😉

Merci d’avoir lu ce guide jusqu’au bout ! Partagez-le si vous estimez que cela en vaut la peine.

Et si vous avez envie d’aller plus loin dans votre maîtrise de WordPress, n’hésitez pas à vous renseigner sur la formation WPChef !

Formez-vous à WordPress en 8 semaines

avec la formation à distance la plus généreuse du marché (éligible aux financements)

WPChef, la formation WordPress de référence