Comment afficher la description des étiquettes et catégories sur WordPress ?

Dans cet article, je vais vous apprendre à afficher la description des étiquettes et la description des catégories sur un blog WordPress. Ça peut être un atout pour votre référencement si vous y glissez des mots clés pertinents mais cela peut aussi, plus simplement, fournir des informations complémentaires à vos lecteurs sur le sujet que vous abordez.

Comment afficher la description des étiquettes sur WordPress ?

Les étiquettes (également appelées "tags") permettent de regrouper des articles autour d'une thématique plus précise qu'une catégorie. Par exemple, si vous avez une catégorie intitulée "Recettes de cuisine", les étiquettes peuvent vous permettre de distinguer les "Desserts" des "Poissons"...

En affichant les étiquettes sur vos articles, vos lecteurs pourront cliquer dessus et accéder à une page listant l'ensemble des posts associés à une étiquette précise. Si vous regardez par exemple mon tag WordPress, vous constaterez que la page comporte en haut à droite la description de l'étiquette (que l'on rédige en allant dans le menu Articles > Etiquettes).

Certains thèmes WordPress prévoient l'affichage de ces étiquettes. Dans ce cas, vous aurez juste à rédiger votre description et elle apparaîtra automatiquement sur la page de l'étiquette. Si votre thème ne propose pas cette fonctionnalité, il est possible de l'ajouter au code assez facilement.

Vous devez d'abord déterminer quel fichier de votre thème permet d'afficher les tags. Souvent, il s'agit du fichier archive.php. À l'endroit où vous souhaitez afficher la description de l'étiquette, vous allez copier un petit morceau de code.

Pour ma part, j'ai choisi d'afficher cette description au-dessus de la liste des articles, j'ai donc inséré mon code au-dessus de la ligne suivante :
<?php if ( have_posts() ) : ?>

Je vous propose d'utiliser le code suivant :

<?php $tag_description = tag_description(); ?>
<?php if ( ( is_tag () ) && (! empty( $tag_description ) ) ) { ?><div class="tag-description">
<h1><?php echo single_tag_title(); ?></h1>
<?php echo tag_description(); ?>
</div><?php } else { ?><div class="tag-description">
<h1><?php echo single_tag_title(); ?></h1>
(Texte par défaut si aucune description n'est renseignée)</div><?php } ?>

Ça ressemble peut-être pour vous à du chinois mais en simplifiant, ce code dit la chose suivante : SI on se trouve sur la page d'un tag ET que la description de cette étiquette n'est pas vide... ALORS on affiche le nom du tag ("single_tag_title") puis on affiche sa description ("tag_description"). SINON ("else"), on affiche le titre suivi d'un texte par défaut de votre choix.

Ensuite, vous pouvez personnaliser l'affichage de la description dans votre feuille de style à l'aide de la classe ".tag-description".

Comment afficher la description des catégories WordPress ?

En suivant le même principe, il est possible d'afficher la description des catégories. Cette fois-ci, il faut les rédiger via le menu Articles > Catégories de WordPress.

Si votre thème WordPress n'affiche pas cette description par défaut, vous pouvez l'ajouter à la main en modifiant le fichier qui contrôle l'affichage d'une catégorie. Il s'appelle dans la plupart des cas category.php.

Là encore, vous pouvez placer le code au-dessus de la ligne suivante afin que la description apparaisse en haut de page, avant la liste d'articles rattachés à cette catégorie :
<?php if ( have_posts() ) : ?>

Selon votre thème, vous devrez parfois modifier un peu l'emplacement pour que le rendu soit optimal. Voici un code que vous pouvez utiliser :

<?php global $cat; ?><?php if (category_description ()) { ?><div class="cat-description">
<h1><?php echo get_cat_name($cat); ?></h1>
<?php echo category_description( $cat ); ?></div><?php } else { ?><div class="cat-description">
<h1><?php echo get_cat_name($cat); ?></h1>
(Texte par défaut si la catégorie n'a pas de description)
</div><?php } ?>

Ce code signifie : "Repère dans quelle catégorie on se trouve. S'il existe une description pour cette catégorie (if category_description)... alors affiche-moi son nom (get_cat_name) et sa description (category_description). Sinon, affiche simplement le nom et un texte par défaut".

Si vous maîtrisez le langage CSS, vous pouvez ensuite ajouter la classe ".cat-description" à votre feuille de style (style.css) ou créer des classes additionnelles pour une personnalisation plus fine de cette zone !

Cette méthode vous permet d'avoir des landing pages optimisées pour chacune des grandes thématiques de votre blog. Je vous conseille de poursuivre votre lecture avec cet article qui vous apprendra à bien utiliser les étiquettes sur WordPress !