L'informatique mobile
Un article au hasard: ChargementUn autre!
Chargement
Chargement en cours..
10
3
2009

[CSS-HTML/PHP] Un compteur de commentaires

Oui, c’est aussi simple que ça. J’ai fouinĂ© un peu sur Google, et je suis tombĂ© lĂ  dessus. J’avoue que l’idĂ©e est vachement intelligente.

Je l’ai donc adaptĂ©e Ă  WordPress.

Il faut d’abord trouver une bulle. Il faut qu’elle soit en png, et transparente, sinon ça fait moche. Il faut l’uploader dans le rĂ©pertoire « img », situĂ© Ă  la racine du dossier de votre thème.

On insère ce code lĂ  oĂą l’on veut mettre le compteur:

<div>
<span><?php comments_number('0','1','%'); ?></span>
</div>

En fait, c’est cette ligne qui est primordiale:

<?php comments_number('0','1','%'); ?>

C’est la fonction qui dit Ă  WordPress d’aller chercher le nombre de commentaires. Elle retourne un entier, ce qu’il nous faut, donc.

NB: Une variante existe, retournant un text disant par exemple « Un commentaire »:

<?php comments_number('%'); ?>

Pour ma part, j’insère le code ici, dans le template single.php:

<ul>
<li>Auteur : <?php the_author(); ?></li>
<li>Publié le : <?php the_time('d-M'); ?></li>
<li>Classé dans : <?php the_category(', '); ?></li>
<li><div> <span><?php comments_number('0','1','%'); ?></span>    </div> </li> </ul>

Ensuite, on rajoute le CSS

.bulle{
background:url(img/bulle.png) left top no-repeat;
color:#575553;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:47px;
margin-right:20px;
padding-top:7px;
text-align:center;
width:60px;
}

Puis on insère le CSS qui ajoutera le texte.

.bulle .compteur{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#CC6600;
}

Voilà, très simple.

Laisser un commentaire