Speak English? Click here to read my English blog!

Wordpress: 5 trucs pour customiser la section commentaires

Posté par jbj le 3 avr 2008 dans Wordpress12 commentaires

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.

Tags: ,

12 commentaires

» Flux RSS des commentaires
  1. Merci pour ce billet.

    Plutôt que de fixer l’adresse email de l’admin du blog « en dur » dans le fichier PHP, il vaut mieux utiliser les commandes suivantes:

    $author = get_bloginfo(‘admin_email’);
    <li class= »comment_author_email == $author) echo ‘author’; else echo $oddcomment; ?> » id= »comment- »>

    Voili a+

  2. Excellent! Merci beaucoup pour l’astuce!

  3. Wordpress: 5 trucs pour customiser la section commentaires…

    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…

  4. merci pour l’astuce de réduction d’url dans les commentaires…. très utile !!

  5. très bon article merci
    je vais tester ton code pour gravatar

  6. [...] désormais les gravatars. Autre possibilité de Wordpress dont j’avais déja parlé dans un article, les gravatars, c’est sympa C’est pour cette raison qu’OpenBook les gère [...]

  7. Chouette l’astuce du flux RSS des commentaires !

  8. [...] 3) Dommage de ne pas suivre le fil des commentaires, non ? C’est chose faîte en ajoutant un flux RSS commentaires dans le menu. Ajout également d’un flux RSS billets pour ceux qui trouvent pas le p’tit picto RSS dans la barre d’adresse du navigateur. Une manipulation simple qui fut possible par Lyxia: Wordpress, 5 trucs pour customiser la section commentaires. [...]

  9. Salut

    Super mais je n’arrive pas à mettre une image par défaut à une personne qui n’a pas de gravatar ?

  10. emm.. strange :)

  11. Merci beaucoup pour les infos ! Très bon article. ;-)

  12. Excellent. C’est vrai que certains visiteurs demandent de pouvoir suivre le fil des commentaires. Si j’avais su que c’était si simple…

Commenter