Sommaire
Souvent, vous rencontrerez un site web WordPress qui a des widgets uniques après le contenu (Widgets wordpress). Il peut s’agir de boîtes d’abonnement, de partages sociaux, d’une boîte de liste de diffusion, d’une signature, d’une bio de l’auteur ou de tout autre élément. C’est ce qu’on appelle les widgets WordPress après le contenu.
Certains thèmes WordPress intègrent cette fonctionnalité, mais ce n’est pas le cas de la plupart d’entre eux. Dans cet article, je vais vous montrer comment ajouter des widgets personnalisés après le contenu sur votre site WordPress.
Zones de widgets
Les zones de widgets, plus communément appelées barres latérales, sont des sections dédiées dans un thème WordPress où vous pouvez glisser et déposer n’importe quel widget disponible.
Le plus souvent, ces zones de widgets apparaissent dans la barre latérale, le pied de page ou les deux. Au fur et à mesure que WordPress progresse, nous avons commencé à les voir apparaître dans les zones d’en-tête, les pages d’accueil, les menus, et plus encore.
Vous pouvez enregistrer votre propre widget personnalisé si vous le souhaitez, mais cela nécessitera un certain nombre de modifications du code, à moins que vous n’enregistriez une barre latérale à l’aide d’un plugin.
Si vous n’êtes pas à l’aise avec cela, il y a un moyen beaucoup plus facile d’ajouter des widgets personnalisés après le contenu dans WordPress.
Ajouter des widgets personnalisés après le contenu
Tout d’abord, vous devez installer et activer le plugin Add Widget After Content qui est disponible sur la page des plugins WordPress de votre site web.
Ce plugin est simple et léger et tout ce qu’il fait est d’ajouter une barre latérale à laquelle vous pouvez ajouter n’importe quel contenu de widget. Il s’agit du même concept que l’ajout de widgets dans les autres zones de widgets préétablies de WordPress.
Le widget est ensuite affiché sur les articles ou les pages individuelles après le contenu, avant les commentaires. Vous pouvez empêcher l’affichage du widget après le contenu sur un article ou une page à partir de la page de l’éditeur.
Vous pouvez également empêcher l’affichage du widget d’après contenu sur des types ou formats d’articles spécifiques.
Une fois le plugin installé et activé, cliquez sur Apparence Widgets et vous verrez une nouvelle zone de widgets appelée « After Content ».
Tout ce que vous avez à faire est de glisser-déposer les widgets WordPress que vous souhaitez afficher après le contenu de votre article ou de votre page et vous êtes prêt à partir.
Le plugin propose également une configuration d’option universelle d’une page où vous pouvez simplement cocher les types et les formats d’articles sur lesquels vous souhaitez afficher le contenu de l’article ou de la page.
Personnalisation des widgets WordPress After Content
La personnalisation du plugin est assez simple, à moins que vous ne souhaitiez ajouter un style CSS et épicer la mise en page.
Le plugin « Add Widget After Content » (Ajouter un widget après le contenu) offre la possibilité d’afficher ou de ne pas afficher un widget après le contenu des articles et des pages.
Si vous ne souhaitez pas afficher le widget après le contenu sur un certain article ou une certaine page, il vous suffit de cocher la case pour le désactiver pour ce type d’article ou de page.
Style de la zone du widget après le contenu
Si vous voulez styliser un widget WordPress personnalisé, vous devez avoir quelques connaissances de base en CSS.
Vous devez vous rappeler que l’affichage des widgets est géré par les thèmes, et qu’il y en a tellement, qu’il serait impossible de montrer un ajout CSS de base qui fonctionnerait correctement dans tous les thèmes.
Ceci étant dit, voici un exemple de code que j’ai utilisé dans le thème WordPress « Twenty Sixteen ».
Si vous ajoutez ce code et qu’il ne s’affiche pas correctement, vous devrez ajuster le style pour afficher la disposition appropriée à votre thème.
Le plugin « Add Widget After Content » ajoute les classes CSS « awac » et « awac-wrapper » à la zone des widgets. Vous pouvez utiliser ces classes pour modifier l’apparence de la zone de widget.
Si le thème avec lequel vous travaillez prend ce code correctement, vous obtiendrez un widget WordPress « after content » qui s’affichera dans un format de grille horizontale.
Par exemple, ce code fonctionne parfaitement sur le thème WordPress « Twenty Thirteen ». Il ne fonctionne pas sur le thème « Twenty Sixteen ». Jouez donc un peu avec votre code de style.
Lorsque vous ajoutez des widgets personnalisés après le contenu d’un site WordPress, cela ouvre une toute autre zone d’affichage. Cela vous permet d’afficher le contenu des widgets et d’interagir avec les utilisateurs de votre site.
J’espère que cet article vous a montré un moyen très facile et efficace d’ajouter des widgets WordPress après le contenu à votre site Web.
Utilisez-vous un thème qui intègre déjà cette fonctionnalité ? Préférez-vous enregistrer vos propres widgets manuellement en ajoutant et en ajustant le code du thème ?