Archive pour le CSS catégorie

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

Friday, January 4th, 2008

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

Styliser votre flux RSS avec Feed Styler pour Wordpress

Wednesday, February 7th, 2007

A l’heure où de plus en plus de visiteurs lisent votre blog dans leur lecteur RSS, le plugin Feed Styler pour Wordpress arrive à point nommé.

feedstyler logo

Feed Styler vous permet d’appliquer un style différent au contenu de votre flux RSS afin de le rendre plus attractif. Il demande certaines connaissances en CSS mais grâce à lui vous pourrez ajouter styles et couleurs à votre flux RSS.

C’est à mon avis un excellent outil pour mettre en oeuvre les quelques conseils de Darren Rowse de Problogger sur comment rendre votre flux RSS plus sexy - une version fr par Eric de Presse-citron est dispo ici.

Je n’ai pas encore testé en profondeur ce plugin mais je ferais un retour d’expérience dès que possible.

Source

La toile en vrac - episode 3

Friday, January 5th, 2007

Abonnez-vous

Populaires dans 'CSS'

Billets récents

XHTMLCSS
Zeo