Lorsque l’on commence à prendre WordPress en main, on est rapidement confronté à une ou plusieurs sidebars.

Une sidebar permet d’afficher certaines informations ne faisant pas partie du contenu principal d’une page web. Elle peut être située à droite du contenu, à gauche, en haut, en bas, et même être cachée.

Qu’est-ce qu’une sidebar WordPress ? Pourquoi en utiliser une ? Comment la personnaliser ? C’est ce que nous allons voir tout de suite.

Pour vous en dire un peu plus, WPMarmite va vous présenter ce concept en détail et vous montrer quelques exemples d’utilisation.

Cet article contient des liens affiliés, ce qui signifie que WPMarmite touchera une petite commission si vous vous procurez certains des thèmes ci-dessous. Cela permet de financer le travail de recherche nécessaire à la rédaction de nos articles et de constituer une cagnotte pour tester d’autres thèmes ou plugins. Merci de votre soutien. 🙂

Besoin d’un hébergeur pour votre site ?

Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.

Qu’est-ce qu’une sidebar ?

Une sidebar, que l’on peut franciser par le terme « barre latérale », est une zone d’un thème WordPress dans laquelle il est possible d’insérer des widgets.

Dans les thèmes de type blog, la sidebar correspond généralement à la colonne de droite (c’est le cas pour WPMarmite).

On peut y retrouver la liste des derniers articles, des formulaires d’inscription à une newsletter, un champ de recherche, des publicités mais aussi des catégories, des boutons vers ses réseaux sociaux, etc.

Bref, il est possible d’y placer toutes sortes de choses.

Afin de mieux visualiser ce dont nous parlons, voici un schéma qui vous présente où se situe la sidebar dans la plupart des thèmes WordPress :

Maquette d'une sidebar WordPress.

Dans d’autres cas, les concepteurs de thèmes peuvent aller plus loin et proposer plusieurs sidebars.

Par exemple, il est possible d’en avoir une de chaque côté du contenu principal (ou uniquement sur la gauche). Dans beaucoup de thèmes on retrouve aussi une sidebar dans le pied de page.

Jusqu’à présent, nous sommes restés dans le théorique. À présent, passons à la pratique !

5 exemples d’utilisation de sidebars

Les thèmes WordPress ci-dessous utilisent tous des sidebars de manière différentes. Je me suis même amusé à vous les montrer en action avec des gif animés !

La sidebar positionnée à droite (le cas classique)

La sidebar WordPress du thème Toutatis.

Le thème Toutatis propose une barre latérale classique, c’est-à-dire située à droite du contenu principal de la page.

Comme vous pouvez le voir, la sidebar du thème Toutatis peut abriter des widgets divers (liens vers les profils sociaux, appel à l’action, vidéo et les widgets par défaut de WordPress).

Le thème Toutatis n’est plus disponible.

La sidebar positionnée à gauche

La sidebar WordPress du thème Designer.

Le thème WordPress Designer embarque une sidebar défilante sur la gauche.

Contrairement à l’exemple précédent, il est possible de la parcourir indépendamment du contenu principal.

Le thème Designer n’est plus disponible.

La sidebar cachée

La sidebar WordPress du thème Ink.

On voit de plus en plus apparaître ce genre de sidebar au sein des thèmes WordPress depuis la fin 2014.

Je ne sais pas si cette tendance est là pour durer mais cette pratique à le mérite de masquer des informations qui ne sont pas toujours indispensables.

La grande question est de savoir si les utilisateurs cliquent vraiment sur le bouton pour l’afficher.

Télécharger le thème Ink (à 49 $, soit environ 42 €) :

La sidebar d’en-tête cachée

La sidebar WordPress du thème OM.

Cette sidebar est encore moins évidente à trouver que la précédente.

Si votre thème en possède une, je vous conseille d’y placer des choses uniquement dédiées aux curieux (infos complémentaires mais non indispensables, coupon de réduction, vidéo, etc.).

Il y a pas mal de pistes à explorer afin d’exploiter ce type de sidebar pour créer du lien avec vos visiteurs.

Télécharger le thème OM (à 49 $, soit environ 42 €) :

La sidebar du pied de page

La sidebar WordPress du thème Loft.

Ce dernier type de sidebar est également très courant. Le pied de page est un endroit stratégique qui permet d’inclure des widgets pour que vos visiteurs puissent poursuivre leur navigation.

Attention tout de même à ne pas vouloir trop en mettre car cela serait contre-productif.

Maintenant que vous êtes incollable sur les différentes typologies de sidebars, intéressons-nous à leur utilisation.

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

Comment personnaliser les sidebars de son thème ?

J’imagine que si vous utilisez WordPress depuis un certain temps, vous savez comment ajouter du contenu à une sidebar. Continuez toutefois la lecture, car j’ai une info exclusive à vous partager. 😉

Pour ajouter du contenu à une des sidebars proposées par votre thème, allez simplement dans Apparence > Widgets pour arriver sur cette page :

Les widgets dans votre sidebar sur WordPress.

Vous pouvez ajouter de nouveaux widgets à votre sidebar à la manière des blocs dans vos publications.

Cliquez sur le « + » en dessous des widgets déjà contenus dans votre sidebar, puis faites une recherche ou cliquez sur « Tout parcourir » afin d’avoir un aperçu des blocs et des widgets disponibles.

Ajouter un widget dans WordPress.

Il est aussi possible d’ajouter des widgets grâce à un glisser-déposer à partir des widgets disponibles jusqu’à l’endroit souhaité de la sidebar.

Pour réorganiser vos widgets, cliquez dessus puis sur une des flèches pour les déplacer vers le haut ou vers le bas ou cliquez sur les six points pour modifier leur emplacement en glisser-déposer, à la manière d’un bloc.

L’icône représentant une flèche sinueuse est quant à elle propre aux widgets et permet de déplacer un widget d’une zone de widget à une autre (les zones disponibles dépendent du thème WordPress actif sur votre site).

Déplacement d'un widget situé dans une sidebar WordPress.

Pour en savoir plus sur l’utilisation des widgets, jetez donc un œil à notre guide complet à ce sujet.

Conclusion

Dans cet article, nous avons vu qu’une sidebar est en fait un emplacement dans lequel on peut ajouter des widgets. En français, les sidebars correspondent à des « zones de widgets » ou des « barres latérales ».

Concernant leur utilisation, s’il n’y avait qu’un point à retenir, ce serait le fait de ne pas trop les surcharger. Vos visiteurs pourraient ne plus savoir où donner de la tête.

Et vous, est-ce que votre thème possède une sidebar ? Quels widgets y avez-vous placés ?