Dans ce petit tutoriel très facile d'accès, nous allons voir comment faire pour numéroter les commentaires que laissent vos visiteurs. Je vais vous présenter ici deux manières simples et très différentes pour afficher ces beaux numéros à côté des commentaires.

Nous allons voir d'une part l'astuce en version CSS, et d'autre part, celle en PHP. J'avoue que ma préférence va vers celle utilisant le langage PHP, que je trouve bien plus flexible. En fait, je ments un peu, car cette dernière n'est pas exclusivement en PHP, mais combine les deux modèles, même si dans ce cas, le CSS n'est pas forcément obligatoire.

Numéroter avec les CSS

Regardons attentivement le template des commentaires, c'est à dire la page d'origine comments.php

<div class="cadre_commentaires">
<?php if ($comments) : ?>
<h3 id="comments">
<?php comments_number('Pas de commentaire', 'Un commentaire', '% commentaires' );?> pour &#8220;
<?php the_title(); ?>&#8221;
</h3>
<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Je vous propose pour mieux identifier votre cadre entourant vos commentaires de rajouter une identification de type id="commentaires" donnant ceci :

<div class="cadre_commentaires" id="commentaires">

On peut noter que la liste LI a aussi l'attribut "commentlist" définie sur la balise OL. Normalement, d'origine, avec une feuille de style vierge, le numéro de la liste LI attribué par la balise OL doit s'afficher, mais ce n'est pas toujours le cas suivant le thème que vous voulez modifier. C'est même pour ça que vous êtes là, n'est-ce pas ? Définissons maintenant notre valeur dans la feuille de style comme ceci :

#commentaires .commentlist li {
	list-style: decimal-leading-zero;
}

On cible ainsi nos commentaires avec l'identification "commentaires" associés à la liste LI recevant la classe "commentlist". Par cette valeur déclarée, on demande d'afficher son numéro commençant par un 0... Le numéro est désormais visible, non ;) ?

Numéroter grâce au PHP

Ici, la méthode est d'une très grande simplicité. Reprenons notre code d'origine. On peut voir une boucle foreach. Ajoutons une valeur "i" qui prendra +1 à chaque passage de cette boucle, comme ceci :

<?php  foreach ($comments as $comment) : $i++; ?>

Voilà, la valeur "i" doit être affichée tout simplement comme ceci, où vous le voulez, mais dans la boucle :

<?php echo $i; ?>

Il ne vous reste plus qu'à l'entourer d'une balise DIV, P, SPAN ou tout ce que vous voulez pour la mise en forme en CSS, d'où une bien meilleure flexibilité. En revanche, il vous faudra déterminer la propriété précédente "list-style" sur "none" afin d'éviter le doublon.

J'espère que ce petit tutoriel vous aura aidé. N'hésitez pas à me laisser vos remarques, si quelque chose ne va pas :)