Developpement Personnel Durable, Blog & Fun

Comment différencier les commentaires de l’auteur sur un blog?

Pourquoi vouloir différencier vos propres commentaires sur votre blog? Parce que cela permettra à vos visiteurs de les identifier et de suivre plus facilement la conversation. Certains thèmes pour Wordpress proposent cette fonctionnalité par défaut, mais voici un petit guide pour différencier les commentaires de l’auteur :

Localiser le style attribué aux commentaires

Cherchez dans votre feuille de style (habituellement le fichier style.css) le style appliqué aux commentaires. Celui-ci devrait ressembler à cela :

comment {
background:#FFFFFF;
margin:0 0 5px;
padding:10px 10px 5px;
}

Remarquez que le nom de la class comment n’est ici qu’un exemple.

Créer un deuxième style pour les commentaires de l’auteur

Maintenant vous allez créer une deuxième classe applicable aux commentaires de l’auteur. Le plus simple est d’utiliser le même style en ne changeant que la couleur de fond. Votre style ressemblera donc à cela :

comment-author {
background:#EEEEEE;
margin:0 0 5px;
padding:10px 10px 5px;
}

Localiser la boucle d’affichage des commentaires

Ensuite ouvrez le fichier comments.php et repérez la boucle qui permet l’affichage de tous les commentaires :
À l’intérieur se trouve la fonction qui appelle la classe qui stylise les commentaires.

Insérer une condition

Il suffit alors d’ajouter une condition pour que la classe comment-author créée précédemment soit appelée si l’auteur du commentaire est également l’auteur du billet :

<?php
if($comment->user_id == $post->post_author) {
$class = 'comment-author';
} else {
$class = 'comment';
}
?>
<div class="<?=$class?>">
<?php comment_text() ?>
</div>

Et voilà le résultat :

Customize author’s comments

Ce guide concerne Wordpress, mais avec quelques petits ajustements il est possible de faire la même chose sur n’importe quelle plateforme. Je rappelle également que les noms de classes sont donnés à titre indicatif, vous pouvez choisir les votres.

Source

Related Posts with Thumbnails

  • Sympa comme astuce !
    Je vais essaer de regarder ça pour le porter à Pluxml ^^

    Tcho, Hamtaro.

  • Une idée toute simple qui facilite la lisibilité : bravo pour cette astuce !

Vous pouvez suivre les commentaires de cet article avec ce flux: RSS 2.0.

Trackbacks / Pingbacks

  • Calendrier des articles

    janvier 2008
    L Ma Me J V S D
    « déc   fév »
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  
  • Petite Question

    Comment trouvez vous mon Blog?

    View Results

    Loading ... Loading ...
  • SEO Powered by Platinum SEO from Techblissonline
    Annuaire gratuit Compare le Net