Styliser le widget Catégories de wordPress

Notez que cet article a été écrit pour la première fois il y a plus de 2 ans, mais n'est pas nécessairement obsolète.

Voilà, en fonction de son thème, ce que peut donner le widget Catégories :

Widget Catégories
Widget Catégories

Les catégories sont listées et indiquent le nombre d’articles qu’elles contiennent entre parenthèses.

Afin de styliser cela, il faut créer un <span> encadrant les compteurs des articles en donnant une classe. Voilà, par exemple, un résultat attendu :

Widget Catégories stylisé
Widget Catégories stylisé

On va utiliser le hook wp_list_categories. Ouvrer le fichier functions.php et copier le code :

On encadre les compteurs de catégories par un <span class="xbs_cat_count">...</span> . Il suffit de donner un style à cette classe dans le fichier style.css :

Si l’on veut styliser les noms de catégories, il suffit de donner un style au lien a enfant de la classe .cat-item : .cat-item > a

Pour ordonner les catégories dans l’ordre décroissant de leur compteur, on va modifier les arguments du widget, en utilisant le hook widget_categories_args :

Widget Catégories ordonné par les compteurs
Widget Catégories ordonné par les compteurs

 

Et hop, un joli widget Catégories.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *