Un nouveau petit plugin qui se charge d’afficher les Gravatars des auteurs des billets et/ou des commentaires sur votre blog.
Si arrivé ici vous ne savez pas de quoi je parle, passez votre chemin ou allez jeter un œil sur le site Gravatar où vous trouverez toutes les informations requises. Cela dit, comme je suis de bonne humeur, je précise simplement qu’il s’agit d’afficher une image qui sert d’avatar, image reliée à votre adresse eMail que vous utilisez sur le blog ou pour commenter sur les blogs des copains.
Fonctionnement
Une fois installé et activé, il faut que vous indiquiez où doivent être affichées ces images. En regard des auteurs de billets, et/ou en regard des auteurs des commentaires.
Le plugin se charge d’insérer automatiquement cette image juste après le nom de l’auteur. Vous n’avez aucunement besoin de modifier le thème que vous utilisez et ce plugin reste actif y compris en cas de changement de thème.
Quelques options sont à votre disposition pour spécifier, si nécessaire, la taille des images (carrées) insérées (80 pixels par défaut), le type d’image par défaut affichée si l’email (de l’auteur) ne correspond à aucun compte chez Gravatar, ainsi que le classement minimum que vous souhaitez pour ces images. Gravatar classe les images enregistrées selon 4 catégories (définition reprise sur le site Gravatar) :
- G : Un Gravatar classé ‘G’ convient à tout type de site, et à toute audience.
- PG : Un Gravatar classé ‘PG’ peut contenir des jurons, ou des images potentiellement choquantes représentant de la violence légère ou des individus habillés de manière provocante.
- R : Un Gravatar classé ‘R’ comprend des images choquantes représentant de la violence intense, de la nudité, ou de l’emploi de drogues dures.
- X : Un Gravatar classé ‘X’ comprend des images extrêmes ou dérangeantes à cause des représentations crues de nature sexuelle, ou de la violence extrême.
Si, par exemple, vous ne voulez pas d’images portant des classements R et X, spécifiez alors le classement PG. Chaque classement inclus les images des précédents dans la liste ci-dessus.
Styles
Par défaut l’image est affichée dans une balise <img … /> possédant une classe gravatar. Vous pouvez utiliser le champ Style CSS pour les images Gravatars
où vous pouvez spécifier le style à appliquer à cette classe.
Deux exemples :
Tout d’abord sur le thème par défaut de Dotclear, en utilisant le style suivant :
display: block; float: right; clear: right; margin: 0 0 .5em .5em; padding: .5em; border: 1px solid #999; background-color: #fff;
Vous obtenez ceci :
Autre exemple maintenant sur le thème Lakmé de Kozlika, en utilisant le style suivant :
display: block; float: left; clear: left; margin: -.5em .5em .5em 0; padding: 4px;
Vous obtenez cela :
Comme d’usage ce billet servira de support pour ce plugin qui sera vraisemblablement déposé sur DotAddict rapidement.
1 De Gilsoub -
yep, super ! Juste une petite question, pour l’instant j’utilise Noodle pour gérer les Gravatars, quelle sont les différences avec ton plug in ?
2 De Franck -
Eh bien en fait je ne sais pas trop, à part que Noodles à l’air d’utiliser du Javascript pour s’occuper d’insérer les images et qu’il permet de le faire aussi sur des widgets (derniers commentaires, …). Mais je m’avance peut-être un peu vite, il faudrait que JcDenis, son développeur, nous en dise plus.
Celui-ci fonctionne côté serveur (il n’y a pas de Javascript à l’œuvre) et est limité à l’insertion des gravatars dans les listes de commentaires d’un billet et dans les infos qui accompagnent un billet (auteur). Par contre, vu qu’il ne fait que ça, il est un poil plus réactif que Noodles.
3 De JcDenis -
Le plugin de Franck est surement plus simple et mieux écrit ;)
4 De Franck -
JcDenis tu peux détailler le fonctionnement de ton plugin ? J’ai parcouru en diagonale le code et j’ai vu un URL-handler, et des petits trucs à droite et à gauche. Ça m’intéresse de comprendre le dedans ;-)
5 De JcDenis -
A vrai dire je ne sais plus trop, c’est un peu une usine à gaz !
En gros il y a deux fonctionnements suivant le lieu:
- soit par ajax: je marque un lieu (titre de billet par exemple) ou je ne connais pas l’email de la personne, j’envoie un requete ajax vers mon urlHandler pour retourver cet email et il me retourne l’image (le js est éxécuté après le chargement de la page),
- soit par php: je connais l’email et j’ajoute directement l’image comme le fait ton plugin. Et il est ouvert à d’autre plugins si mes souvenir sont bons comme par exemple afficher les avatar dans mon widget de billet étendu.
Je l’ai écrit à mes débuts sous Dotclear, donc je pense qu’il peut être simplifié.
6 De 1loup -
Je viens de lire ce billet http://www.geeek.org/jquery-gravata… que j’ai trouvé intéressant mais sans approfondir.
7 De Gilsoub -
Oki, donc comme je n’utilise que sur les commentaire, j’ai intérêt à utiliser celui de Franck… Ne serait ce que pour alléger mes pages…
8 De Franck -
Merci JcDenis pour ces détails. Je comprends maintenant l’intérêt de l’URL-handler.
1loup merci pour le lien, c’est intéressant bien qu’il faille probablement adapter le script en question pour tenir compte des réglages effectués sur la page d’administration du plugin. Je garde ça sous le coude…
Gilsoub t’as tout compris :-)
9 De Jean-Michel -
J’avais le vague souvenir qu’il existait déjà un plugin Gravatar pour Dotclear, je me trompe ? (simple interrogation)
10 De Franck -
Pour Dotclear 1, absolument. Pour Dotclear 2, j’ai cherché pas mal avant d’écrire celui-là, il n’existe à ma connaissance que celui de JcDenis, Noodles.
11 De JcDenis -
Il y a quelques thèmes qui intègrent directement l’affichage des Gravatars.
12 De Gilsoub -
Salut Franck, juste une question, je ne comprend pas où je dois insérer le code de style ? une classe existe déjà dans la css ? il faut en créer une ?
13 De Franck -
Le code doit être inséré dans style.css, par exemple, ou dans une des autres feuilles de style du thème utilisé, et pour la classe
.gravatar