romy.tetue.net

Développement front et conception web
X-HTML, CSS, SPIP, sémantique et accessibilité

Paris-Web 2010, j’y vais ! (du 14 au 16 octobre).

Des gravatars avec SPIP


7 février 2007,
par Romy Têtue

Partagez cet article : Voter pour cet artice sur hellocoton.fr Netvibes Yahoo myspace Technorati stumbleupon Digg Del.ico.us

Des commentaires avec des petites trombines, c’est plus sympa. Ça permet surtout d’identifier visuellement l’auteur-e du post. Le principe des gravatars permet de disposer d’un avatar unique, utilisable sur plusieurs sites différents.

Les gravatars sont littéralement des « avatars reconnus globalement ». Il s’agit en fait d’avatars créés sur un site unique, le bien nommé gravatar.com créé par Tom Werner, et utilisés par les sites (disposant du plugin ad-hoc) pour afficher un avatar en fonction du courriel de l’internaute qui a posté un message. Voici comment afficher des gravatars dans les forums d’un site réalisé avec SPIP (à partir de la version 1.8).

Fonctionnement souhaité

  1. Si l’auteur-e du message est aussi un-e auteur-e du site, SPIP affichera son logo ;
  2. sinon, sera affiché le gravatar qui correspond au courriel qu’il ou elle a indiqué ;
  3. dans le cas contraire, gravatar.com renvoie une petite image transparente ;
  4. on peut souhaiter aller plus loin esthétiquement, en prévoyant un visuel pour combler les vides (auteur-e du site sans logo, auteur-e inconnu-e sans courriel).

De la sorte l’on affiche systématiquement une vignette par message posté : le logo d’auteur, le gravatar ou le visuel par défaut.

Mise en œuvre

1. Utilisons le filtre de Nicolas Hoizey de GasteroProd, disponible ici : « Des Gravatars avec SPIP », dont on place le code dans le fameux fichier mes_fonctions.

2. Placons ensuite le code suivant dans la boucle destinée à afficher les commentaires, à l’endroit où l’on souhaite voir apparaître la trombine de l’auteur-e :

3. Enfin, prévoyons une image de fond par défaut, que l’on affiche via CSS en arrière-plan :

Voyons voir...

PNG - 26.6 ko
Les gravatars dans les forums de GasteroProd

Plusieurs sites utilisent les gravatars avec SPIP, dont GasteroProd bien évidemment. Et essayez donc : créez votre gravatar et postez ensuite un message dans le forum ci-dessous !

Vos commentaires

  • Le 7 février 2007 à 10:59, par James

    rho, les gravatars...

  • Le 7 février 2007 à 11:25, par Igor

    Voyons voir ç

  • Le 8 mars 2007 à 15:11, par Nicolas Hoizey

    Et en plus ça marche !

    A noter qu’un plugin a été développé pour SPIP, pour faciliter l’intégration. Il est utilisé sur le blog de Clever Age et le sera prochainement sur Gastero Prod.

  • Le 17 novembre 2007 à 20:11, par valéry

    J’ai fait comme ça pour pouvoir utiliser le filtre image_reduire sur les images des auteurs :

    Le alt est vide car sinon le texte s’affiche dans Firefox le cas échéant.

  • Le 21 mai 2008 à 16:05, par nel

    juste pour voir si ça marche
    nel

  • Le 5 juillet 2009 à 19:25, par genma

    Ca m’intéressait, je poste un commentaire pour voir si ça marche. Si oui, j’adopte ;-)

  • Le 5 juillet 2009 à 19:31, par Romy Têtue

    Notons que cela est désormais géré dans SPIP sous la forme d’un plugin plutôt chouette auquel j’ai bien évidemment apporté ma contribution... J’adore les gravatars !

  • Le 30 novembre 2009 à 00:48, par Alex

    Coooooool ! Je vais tester ça !

  • Le 27 avril à 16:29, par Noisette

    merci je vais essayer

Un message, un commentaire ?

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom



© 2000-2010 Romy Duhem-Verdière | Certains droits réservés | Qui suis-je ? | Contact | Aide | Top ↑
Vérifiez vous-même la qualité du code de cette page en la soumettant aux validateurs XHTML et CSS.