Wordpress: 5 trucs pour customiser la section commentaires

Publié le 03 avril 2008 par Jbjweb

Sur de nombreux blogs, la section commentaires est souvent un peu laissée pour compte, ce qui est dommage étant donné que c’est précisément à cet endroit que vous interagissez avec vos lecteurs. Voyons ensemble comment rendre cette section plus attrayante en séparant les trackback des commentaires, en gérant les Gravatars, etc.

Séparer Trackbacks et commentaires

Si un de vos articles rencontre un certain succès, il se peut qu’il devienne rapidement inondé de trackbacks. Voici comment afficher les trackbacks avant ou après les commentaires afin de rendre la lecture plus claire pour vos visiteurs.

Nous allons tout d’abord créer une variable nommée $comment_type et nous lui assignerons le résultat de la fonction get_comment_type():

<?php $comment_type = get_comment_type(); ?>

get_comment_type() retournera “comment” si le commentaire est un commentaire classique, et “pingback” s’il s’agit d’un trackback. A partir de ces informations, un simple test conditionnel fera parfaitement l’affaire, comme le montre le code ci-dessous:

<h3>Trackbacks</h3>
<ol>
    <?php foreach ($comments as $comment) : ?>
        <?php $comment_type = get_comment_type(); ?>
        <?php if($comment_type != 'comment') { ?>
            <li></li>
        <?php } ?>
   <?php endforeach; ?>
</ol>
<h3>Commentaires</h3>
<ol>
    <?php foreach ($comments as $comment) : ?>
        <?php $comment_type = get_comment_type(); ?>
        <?php if($comment_type == ‘comment’) { ?>
            <li></li>
        <?php } ?>
   <?php endforeach; ?>
</ol>

Utiliser Gravatar

Gravatar est un service online qui permet d’associer un avatar à une adresse mail. L’avantage, c’est que sur tout site gérant Gravatar, votre avatar sera affiché. En guise d’exemple, sachez que Wordpress 2.5 affiche par défaut les Gravatars dans la section commentaires du panneau d’administration.
Bien qu’il existe des plugins vous permettant de gérer les Gravatars dans vos commentaires, il est également possible, au moyen de quelques lignes de code, d’afficher les Gravatars en éditant simplement le fichier comments.php de votre thème.

Dans le fichier comments.php de votre thème, trouvez la ligne suivante:

<?php comment_text() ?

Insérez simplement le code suivant au dessus de cette ligne:

<?php
      if ( !empty( $comment->comment_author_email ) ) {
      	$md5 = md5( $comment->comment_author_email );
      	$default = urlencode( 'http://use.perl.org/images/pix.gif' );
      	echo "<img style='float: right; margin-left: 10px;' src='http://www.gravatar.com/avatar.php?gravatar_id=$md5&size=60&default=$default' alt='' />";
      }
?>

Si tout s’est bien passé, vous devriez d’ores et déja apercevoir les Gravatars de vos visiteurs sur les commentaires de vos anciens articles.

Mettre en évidence les commentaires de l’auteur

Si par exemple vous écrivez souvent des tutoriaux, les internautes vous poseront probablement nombre de questions par le biais des commentaires. Il peut être utile de mettre en évidence les commentaires que vous ferez sur votre propre blog de manière à faciliter la lecture et la recherche d’information.

Commençons par rechercher la ligne suivante:

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Et remplacez-la par celle-ci:

<li class="<?php if ($comment->comment_author_email == "votreemail@votredomaine.com") echo 'author'; else echo $oddcomment; ?> item" id="comment-<?php comment_ID() ?>">

N’oubliez pas de remplacer la chaîne votreemail@votredomaine.com par l’email que vous avez renseigné lors de la création de votre compte admin Wordpress. Désormais, une classe .author sera ajoutée si le commentaire provient de l’auteur de l’article. Il ne vous reste plus qu’à styler cette classe via CSS.

A noter, ceux qui ne souhaitent pas éditer leur thème trouveront un plugin équivalent à cette adresse.

Mettre le flux RSS des commentaires de l’article à la disposition des visiteurs

Les visiteurs peuvent souhaiter rester à l’affut de nouveaux commentaires postés sur un article précis. Certains plugins proposent à vos lecteurs de recevoir les nouvelles contributions par e-mail. Perso, je préfère de loin suivre un flux rss plutôt que de me faire inonder de mails. Voici comment proposer un flux RSS sur tout vos articles afin de permettre le suivi des commentaires en relation.

Certains thèmes proposent cette fonctionnalité par défaut. Si ce n’est pas le cas de celui que vous utilisez, éditez le fichier comments.php et ajoutez la ligne suivante:

<?php comments_rss_link('» Flux RSS des commentaires'); ?>

la ou vous voulez après cette ligne:

<?php if ($comments) : ?>

Utiliser ChunkURL

Avez-vous déja eu la blague du visiteur qui vous poste une url à rallonge dans un commentaire? Non seulement c’est laid, mais de plus, cela peut “exploser” certains thèmes.
Une façon de régler ce problème à l’arrache serait de mettre un overflow:hidden sur les div correspondant au commentaires. Nous allons toutefois nous intéresser à une solution beaucoup plus propre, le plugin ChunkURL, qui se chargera de raccourcir visuellement toute url trop longue qui risquerait de faire souffrir votre thème.
Son installation n’est on ne peut plus simple: Une fois avoir uploadé le plugin dans le répertoire wp-content/plugins, rendez-vous dans votre panneau d’administration Wordpress, activez-le et profitez des urls raccourcies.