romy.tetue.net

Conception web et développement front
X-HTML, CSS, SPIP, sémantique et accessibilité


Des gravatars avec SPIP


7 février 2007,
par Romy Duhem-Verdière

Un forum avec des petites trombines, c’est plus sympa et ç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 !

Voter pour cet artice sur hellocoton.fr

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 Duhem-Verdière

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

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

    Coooooool ! Je vais tester ça !

  • Le 10 février à 10:51, par العاب

    Merci beaucoup pour cet article il a été très utile pour moi maintenir le bon travail

Un message, un commentaire ?


Qui êtes-vous ? (optionnel)

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 et le code HTML.

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.