Tutoriel WordPress : Afficher la liste des tags (mots clés) d’un article

Ce tutoriel expliquer comment afficher la liste des mots clés (tags) d’un article sous WordPress. Ce tutoriel est destiné aux personnes voulant modifier leur thème pour réaliser cet affichage.

Premièrement il vas falloir ouvrir et éditer le fichier wp-content/themes/<votre_theme>/single.php.

Nous allons ensuite ajouter du code PHP qui va avoir pour but d’afficher le titre « Mots clés pour ce billet » suivi de la liste des tags du billet :



	

Mots clés pour ce billet :

J’ai également ajouté un <div> portant la classe single-tags afin de vous permettre de personnaliser à l’aide de CSS l’affichage des différents tags :

.single-tags a {
	color:#21759B;
	text-decoration: underline;
}

.single-tags a:hover {
	text-decoration: underline;
}

A vous de personnaliser le CSS selon vos envies 😉

  1. Nukium says:

    Bonjour,

    Remplacez la ligne du foreach par celle ci-dessous :

  2. Guillaume says:

    Bonjour,

    meri pour cette astuce, mais comment peut-faire pour limiter l’affichage à 5 tags.

    Cordialement.

  3. Guillaume says:

    Merci pour cette astuce, ce la fonctionne bien, par contre pour ton premier script il manque ceci :

    $posttags = get_the_tags();

    pour initialiser la variable $posttags.

    A bientôt.

  4. Damien says:

    J’ai recopié exactement ça dans single.php et ça ne marche absolument pas, je n’ai même pas la div qui apparait dans mon article Oo

  5. Nukium says:

    Damien, comme l’avait signalé Guillaume il manquait la récupération des tags (). J’ai édité le code de l’article 😉

  6. Thekei says:

    ça a marché nickel pour moi, merci beaucoup !

  7. bonjour

    je ne trouve pas de fichier single.php peut il etre nommé autrement ?

    merci d’avance

  8. Nukium says:

    @eloditout Tout à fait, cela dépends du thème que vous utilisez, j’ai regardé sur votre blog et il semble qu’il faudrait chercher du côté de « single-format-standard ».

Laisser un commentaire

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

Nos partenaires

PrestaShop

PrestaShop nous fait confiance en nous délivrant la certification Expert qui démontre notre expertise concernant leur logiciel e-commerce. Nous avons également obtenu deux certifications officielles PrestaShop Fullstack Developer.

PayPlug

PayPlug est la solution de paiement française qui simplifie le paiement pour l’ensemble des TPE et PME de l'e-commerce, aussi bien en ligne qu’en magasin.

Klaviyo

Klaviyo, leader mondial du marketing automation, propose une solution complète qui s'interface avec vos canaux de vente.