Dans ce tutoriel, nous verrons comment afficher les derniers commentaires Disqus en tant que widget dans votre sidebar.
Voici comment creer simplement un widget reprenant l'ensemble des derniers commentaires Disqus en tant que widget. Nul besoin d'installer d'extension pour cela, il vous suffira de coller quelques ligne de code dans un widget texte. Vous pouvez d'ailleurs voir ce que cela peut donner en jetant un coup d’œil dans le footer de seeyar.fr (en bas)
Le code
Rendez vous donc dans votre gestionnaires de widget, et dans un widget texte coller ce code:
<div id="RecentComments" class="dsq-widget"> <script type="text/javascript" src="http://seeyar.disqus.com/recent_comments_widget.js?num_items=4&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=110"></script> </div>
Remplacer seeyar par votre pseudonyme dans Disqus.
Les paramètres:
Dans la même ligne, il faut retenir 4 paramètres:
- num_items est le nombre de commentaires que vous souhaitez voir apparaitre
- hide_mods de valeur 0 ou 1 pour voir ou pas les commentaires de vos administrateurs
- hide_avatars de valeur 0 ou 1 pour voir ou pas les avatars des commentateurs
- avatar_size la taille des avatars en pixels
- excerpt_length la longueurs en lettres du commentaire
Le css
Mettez de la couleur pour ajuster le style à votre thème!
Dans votre fichier style.css changer les classes suivantes:
- Exemple pour la couleur des pseudos:
li.dsq-widget-item {
color: #278297!important; //mettez la couleur hexa souhaitée
font-weight: bold; // En gras
}
- Exemple pour la couleur des liens de posts:
p.dsq-widget-meta a {
color: #fff !important; //mettez couleur souhaitée
}
Enjoy!
