Gravatars : du changement


Je vous avais récemment parlé (dans un billet ISS) du rachat de la société Gravatar par Automattic, les gestionnaires de WordPress.

Les gravatars sont les petites images vous représentant lorsque vous postez un commentaire sur ce blog, ce qui égaye un peu les choses et permet de mieux visualiser les intervenants. C’est pour moi un aspect très important en terme de convivialité dans des commentaires non moins importants sur une plateforme de blog (enfin c’est mon opinion).

Outre que vous aurez surement remarqué que depuis quelques jours les lenteurs habituelles du service gravatar ont disparues (pour cause puisque les serveurs ont changés), voilà maintenant une toute première astuce pour ne plus devoir dépendre de l’un ou l’autre plugin WP. Elle existait auparavant mais de manière plus confidentielle.

C’est le blog WordPress France qui se fait le relais de la démarche à suivre dans cet article. Toutefois je vous conseille de ne pas copier-coller le code directement car ça ne marchera pas, mieux vaut aller le chercher là-bas.

Vous allez pouvoir personnaliser l’affichage bien entendu, et si vous utilisiez déjà un plugin auparavant vous n’aurez pas besoin de faire de modif dans votre CSS. A cette ligne (la 5ème) :

« <img style=’float: right; margin-left: 10px;’ src=’http://www.gravatar.com/avatar.php?gravatar_id=$md5&size=60& etc…

Il vous suffira de remplacer le style=’…‘ par un class=’nom_de_classe_des_gravatars_jusqu’ici’

Le size=60 représente la taille des imagettes à afficher, vous pouvez donc le gérer manuellement aussi.

Si vous voulez afficher une image spécifique pour les visiteurs ne disposant pas d’un compte sur le service, vous pouvez remplacer l’url par défaut en ligne 4:

=urlencode( ‘http://use.perl.org/images/pix.gif’ );

Quel est l’intérêt d’appliquer cela si vous avez déjà un plugin fonctionnel ? Je ne sais pas, mais ayant un grand nombre de plugin sur ce blog, j’aime bien quand je peux me séparer d’un. Et puisque le code est directement dans votre template je pense que ça ne pourra qu’améliorer les performances (moins de requêtes p-e, moins d’utilisation de cache, temps d’affichage des pages…).

J’utilisais Gravatar2 jusqu’ici et sur le FTP c’est toujours un tout petit peu d’espace disque de gagné (quelques dizaines de Ko). A noter également que j’avais un bug sous Internet Explorer 6 qui affichait 2 avatars simultanément (je n’ai jamais compris pourquoi), le soucis c’est réglé de lui-même.

Pour ceux qui n’ont pas envie d’entrer dans le code, la bonne nouvelle c’est que le code sera très certainement ajouté directement dans une prochaine version de Worpdress mais c’est pas très compliqué à modifier.

 
  Flux RSS des commentaires
 3 commentaires
  1. Bonjour, j’ai un même problème d’affichage avec cette modification. Dès qu’un commentaire est trop court, l’image (que j’ai porté à 80px au lieu de 60) empiète sur le commentaire suivant et le déforme. Comment réparer cela? Merci.

  2. Il faut jouer avec la class de CSS que tu donne à tes gravatars normalement.
    Et si tu n’en a pas et que tu utilise le code tel qu’il est mentionné (img style=etc…) il faut jouer avec les padding et margin de l’image. Comme ça sans voir ton blog c’est un peu compliqué à dire ;)

  3. Merci, effectivement cela fonctionne parfaitement ! :razz:

 Laisser un commentaire

Les commentaires postés par des personnes utilisant des pseudos "SEO" seront remplacés et le lien vers leur site retiré.




Commentaire