SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 30 visiteurs en ce moment

Accueil du site > Interactivité, échanges > Profil, avatars > Gravatar > Gravatar

Gravatar

31 juillet 2009 – par Cedric Morin, Fil, Nicolas Hoizey, tetue, Thomas Beaumanoir – 38 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

26 votes

Un plugin pour afficher le gravatar d’un auteur ou d’un contributeur de forum.

Gravatar ?

Le site gravatar.com propose un service d’avatar unifié. Vous vous inscrivez avec votre adresse de courrier électronique, et vous téléchargez une image à utiliser comme avatar lié à cette adresse.

Votre avatar sera alors disponible sur tous les sites utilisant le service de Gravatar, à condition de leur fournir votre adresse courriel. Vous pouvez créer autant de Gravatar que vous possédez d’adresses courriel.

Installation classique

Comme tout plugin, il suffit de suivre les procédures manuelles ou automatiques standard. Il s’agit de mettre le contenu du zip dans votre répertoire plugins/.

Affichage dans l’espace privé

Dès que le plugin est activé, il modifie l’affichage de la colonne gauche de la page d’édition des auteurs possèdant un gravatar, en ajoutant, sous le bloc habituel de son logo, un second bloc affichant son gravatar, comme l’illustre l’image ci-dessous.

Utilisation par le webmestre

Le plugin propose plusieurs méthodes pour afficher des avatars :


-  La balise #LOGO_AUTEUR

C’est la méthode privilégiée pour utiliser le plugin Gravatar dans le code des squelettes. Le plugin étend la balise #LOGO_AUTEUR afin que celle-ci renvoie le gravatar associé à l’email, si l’auteur n’a pas déjà un logo dans SPIP.

Mieux, vous pouvez utiliser la balise #LOGO_AUTEUR dans les forums et pétitions. Elle utilisera alors les informations de l’auteur si elles sont connues, et à défaut l’email de la personne ayant envoyé le message.

#LOGO_AUTEUR affiche par défaut le type de gravatar configuré sur la page cfg du plugin si il n’y a pas de gravatar de défini pour l’email recherché ni de logo.

Vous pouvez ainsi substituer votre image par défaut en écrivant dans votre squelette

  1. [(#LOGO_AUTEUR|>sinon{#CHEMIN{gravatar.png}})]


-  La balise #GRAVATAR

Cette balise renvoie uniquement le gravatar associé à une adresse courriel. Elle permet donc de pallier à l’existence d’un logo et de toujours forcer le gravatar au détriment du logo de l’auteur. Cette balise possède trois arguments :

  • l’adresse email
  • la taille de l’image à afficher (facultatif, 80 pixels par défaut)
  • l’image par défaut si aucune vignette n’est récupérée (facultatif)

On peut s’en servir ainsi :

[(#GRAVATAR|balise_img)]


-  Le modèle #MODELE{gravatar}

Le modèle #MODELE{gravatar} fonctionne comme la balise #LOGO_AUTEUR ci-dessus, et la complète, en affichant le logo de l’auteur s’il est présent, sinon le gravatar associé à l’adresse courriel, sinon un avatar par défaut (gravatar.png), en vignette carrée de 60 pixels de côté [1]. Ce modèle est également microformaté pour pouvoir être utilisé tel quel dans une hCard personnelle.

Ce modèle peut être utilisé à la fois dans et hors d’une boucle AUTEURS. Par exemple, dans les commentaires, pour afficher la trombine de chaque commentateur, qu’il soit identifié dans SPIP ou inconnu, on emploiera le modèle ainsi :

L’avantage du modèle est d’abord qu’il affiche toujours quelque chose, de façon formatée et donc homogène, mais aussi qu’il facilite une ré-utilisation des avatars en plusieurs endroits du site (trombinoscope, profil, hCard, commentaires, informations de session, etc.). Il est alors possible de réduire la vignette au cas par cas, en spécifiant la dimension voulue via le filtre |image_reduire{32}.


-  Le filtre |gravatar

Ce filtre retourne le chemin complet dans le cache du gravatar correspondant à l’adresse courriel fournie en argument.

Exemple d’utilisation, l’adresse courriel peut être issue d’une boucle ou pas :

  1. <BOUCLE_gravatar(AUTEUR)>
  2.     <img src="[(#EMAIL|gravatar)]" alt="[(#NOM)]"[ title="(#NOM)"] />
  3. </BOUCLE_gravatar>
  4. ou
  5. <img src="[(#VAL{robert@inconnu.net}|gravatar)]" alt="Robert" title="Robert"] />

Gravatar par défaut

Si une adresse email n’a pas de gravatar associée, la balise #GRAVATAR peut renvoyer une image par défaut.

Pour cela, il faut installer le plugin CFG puis se rendre dans la page de config du plugin.

Plusieurs gravatars par défaut sont proposés :
-  rien
-  une image
-  un gravatar calculée selon l’adresse électronique.

Taille maximale des gravatars

Par défaut, le plugin récupère les gravatars en 80*80 px maximum. En conséquence, le réglage dans le formulaire de configuration ne devrait pas dépasser cette taille. En général, c’est suffisant, d’autant plus que les utilisateurs les postent rarement en une taille supérieure.

Toutefois, dans le cas où on souhaiterait récupérer une taille supérieure, il faut rédefinir la constante _TAILLE_MAX_GRAVATAR dans le fichier mes_options.php. Par exemple pour une taille de 100 px :

define('_TAILLE_MAX_GRAVATAR',100);

Si on redéfinit cette constante, il est nécessaire de vider le dossier local/cache-gravatar.

Notes

[1Les avatars affichés en page d’accueil du site gravatar.com sont de petites vignettes carrées de 60 pixels de côté, ce qui est un format habituel et semble avoir été la taille maxi originelle. La taille maximale d’un gravatar a longtemps été de 80 pixels.

Retour en haut de la page

Vos commentaires

  • Le 11 novembre 2011 à 01:05, par isabelle En réponse à : Gravatar

    Bonjour,
    Quand je règle avec cfg la dimension de mon gravatar à afficher, j’obtiens 2 affichages différents :
    En local, mon gravatar 80x80 se réduit aux 50x50 demandés par mon réglage et il y a réduction de TOUTE l’image (on voit mes cheveux, comme ci-contre).
    En site distant chez OVH, 80 devient aussi 50, mais il y a eu découpe de bordures et on ne voit plus que mon visage.
    Pouvez-vous m’expliquer ce qui se passe ?

    • Le 11 novembre 2011 à 01:18, par isabelle En réponse à : Gravatar

      En installant mon site distant, j’avais oublié de régler la méthode de fabrication de vignettes sur gd2. Pardon.

    Répondre à ce message

  • Le 15 août 2011 à 09:20, par Origenius En réponse à : Gravatar

    Bonjour

    J’ai une question à l’envers...

    Je suis ravi d’utiliser ce plugin pour les forums. Mais pour moi, il va trop loin en s’imposant à la balise #LOGO_AUTEUR dans la page auteur.

    J’aimerais qu’il ne m’empêche pas de gérer mes pages d’auteur en me laissant positionner, sans interférence du plugin Gravatar, le logo de mes auteurs comme je l’entends.

    Quelqu’un aurait-il une piste ?

    Merci

    Répondre à ce message

  • Le 12 novembre 2010 à 13:10, par alpern En réponse à : Gravatar

    Bonjour,
    Je suis en spip 2.1.2 et je n’ai pas dans la page privé edition de l’auteur le gravatar de l’auteur.

    • Le 6 juin 2011 à 16:31, par JD En réponse à : Gravatar

      Cela s’appelle logo de l’auteur dans modifier auteur. (A gauche de la page...)

      Cordialement
      JD

    • Le 6 juin 2011 à 16:56, par JD En réponse à : Gravatar

      Oups je crois que j’ai répondu trop vite...

    Répondre à ce message

  • Le 7 novembre 2010 à 17:35, par sepukarot En réponse à : Gravatar

    Bonjour,
    j’essaie depuis une semaine maintenant d’implémenter Gravatar dans mes commentaires. Sans succès.
    J’ai placer dans inc-forum.html le code suivant :

    1. <BOUCLE_auteur_cmt(AUTEURS){tout}{id_auteur}>
    2.         [<a href="#URL_AUTEUR"><span style=" float: left; margin: 5px;">(#MODELE{gravatar}{email=#EMAIL})</span></a>]
    3.                                         </BOUCLE_auteur_cmt>

    Tout ce qu’il me renvoie, c’est le logo du rédacteur enregistré, lorsqu’il existe, et le logo par défaut lorsqu’il n’existe pas.
    Le problème, c’est que je souhaiterais voir apparaître un logo également pour le visiteur lambda (le principe de gravatar). En gros, je souhaiterai coder les conditions suivantes :
    Si rédacteur connecté, afficher logo rédacteur
    SINON
    Si visiteur x, enregistré sur gravatar, afficher gravatar
    SINON
    Si visiteur X, non-enregistré sur gravatar, afficher avatar par défaut.

    Quelqu’un saurait me donner un début de piste ?
    D’avance merci pour votre aide :)

    PS : j’ai consulté la doc de gravatar sur leur site, et le plugin gravatar récupère le hash de l’adresse mail ? Si oui, à quel moment ? Cela internvient-il au niveau de inc-login_forum.html ?

    • Le 7 novembre 2010 à 18:21, par tetue En réponse à : Gravatar

      Le fonctionnement que tu souhaite est bien celui du #MODELE{gravatar} (à un détail près : ce modèle affiche le logo d’auteur, s’il existe, que l’auteur soit connecté ou pas), qui s’emploie comme indiqué ci-dessus. Qu’est-ce qui ne marche pas chez toi ?

    • Le 7 novembre 2010 à 19:20, par sepukarot En réponse à : Gravatar

      Eh bien, ce qui fonctionne :
      -  lorsqu’un des rédacteurs du site poste un commentaire, son #logo_auteur apparaît bien.
      Ce qui ne fonctionne pas :
      -  lorsque je poste un commentaire avec une adresse mail correspondant à un gravatar, celui-ci n’est jamais affiché (il fonctionne sur d’autres sites, celui-ci par exemple)
      -  lorsque je poste anonymement (sans adresse gravatar), le logo par défaut ne s’affiche pas.

      C’est un peu contrariant :)
      Merci pour ta réactivité en tout cas. Je pensais le sujet endormi.

    • Le 7 novembre 2010 à 21:51, par sepukarot En réponse à : Gravatar

      J’y pense : le fait que ma page de saisie du commentaire (forum.html) soit extérieure à l’emplacement où le commentaire apparaît (inc-forum.html) y est peut-être pour quelque chose ?
      D’où ma question de savoir à quelle étape se passait précisément la récupération de l’adresse mail du posteur. Si c’est au niveau du formulaire inc-login-forum, peut-être dois-je ajouter une boucle qui permettra au plug-in Gravatar de récupérer le hash de l’adresse mail du posteur et d’afficher l’image associée ?
      Ou alors, il suffit juste de mettre cette balise #GRAVATAR au niveau de inc-forum.html et tout devrait rouler ?
      Ce ne sont que des suppositions. Et puis, je ne suis pas assez expert pour coder ça ^^ !

    • Le 9 novembre 2010 à 11:05, par sepukarot En réponse à : Gravatar

      Cette balise #MODELEgravatar, il faut bien la mettre dans inc-forum.html, c’est ça ?
      Merci pour votre aide.

    • Le 9 novembre 2010 à 11:12, par tetue En réponse à : Gravatar

      Je ne sais pas ce que contient ton inc-forum.html : je ne peux donc pas te répondre sur ce point. Comme indiqué ci-dessus, le #MODELE{gravatar} peut être utilisé à la fois dans et hors d’une boucle AUTEURS. Par exemple, dans les commentaires... où il fonctionne normalement.

    • Le 9 novembre 2010 à 16:12, par sepukarot En réponse à : Gravatar

      Hello,

      Voici le contenu de mon fichier inc-forum.html (argh, j’ai voulu le joindre en document attaché à ce message, mais c’est pas possible. Désolé) :

      1. <div class="commentwrap">
      2.         [(#REM) Cette balise (invisible) provoque le recalcul du forum
      3.         la premiere fois qu'un message est poste (cf. inc/invalideur). ]
      4.         [(#PARAMETRES_FORUM|?{''})]
      5.         [(#REM) Nombre total de messages ]
      6.         <BOUCLE_decompte(FORUMS) {id_rubrique ?}{id_article ?}{id_breve ?}{id_syndic ?} {plat} />
      7.         [<h2 id="comments" class="comment-title">(#TOTAL_BOUCLE|>{0}|?{#TOTAL_BOUCLE,''})
      8.         [(#TOTAL_BOUCLE|=={1}|?{<:message:>,<:messages:>})]</h2>]<//B_decompte>
      9.         [(#REM) Messages du forum ]
      10.         <B_forums>
      11.         <ul class="forum">
      12.         <BOUCLE_forums(FORUMS) {id_rubrique ?}{id_article ?}{id_breve ?}{id_syndic ?} {par date}>
      13.         <br>
      14.         <div style="border-bottom: 1px solid #cccccc;>
      15.                         <p class="comment-author">
      16.                                 <BOUCLE_auteur_cmt(AUTEURS){tout}{id_auteur}>
      17.                                         [<a href="#URL_AUTEUR"><span style=" float: left; margin: 5px;">(#MODELE{gravatar}{email=#EMAIL})</span></a>]
      18.                                 </BOUCLE_auteur_cmt>
      19.                                 <strong class="#EDIT{titre} forum-titre"><span class="font-size: large;">#TITRE</span></strong>
      20.                                 <small>&ndash; le [(#DATE|affdate_jourcourt)] &agrave; [&nbsp;(#DATE|heures)][:(#DATE|minutes)][, <:par_auteur:> <span class="#EDIT{qui}">(#NOM|couper{80})</span>]</small>
      21.                         </p>
      22.                         [<span style="float: right; font-size: small;"><a href="(#PARAMETRES_FORUM|url_reponse_forum)" rel="noindex nofollow"><p class="boutons"><input type="submit" class="submit" value="RÈpondre" /></p></a></span>]
      23.                         <div class="#EDIT{texte} forum-texte">
      24.                                
      25.                                 [(#TEXTE|lignes_longues)]
      26.                                 <ul><ul>[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]</ul></ul>
      27.                                
      28.                         </div>
      29.                
      30.                 <B_forums_fils>
      31.                 <ul>
      32.                         <BOUCLE_forums_fils(FORUMS) {id_parent} {par date}>
      33.                        
      34.                                 <div class="forum-message">
      35.                                         <div class="forum-chapo">
      36.                                                 <BOUCLE_auteur_cmt_rep(AUTEURS){id_auteur}>
      37.                                                 [<a href="#URL_AUTEUR"><span style=" float: left; margin: 5px;">(#MODELE{gravatar}{email=#EMAIL})</span></a>]                                           </BOUCLE_auteur_cmt_rep>
      38.                                                 <span style="font-family: Georgia; font-size: 20px; font-weight:bold;">ª</span> <strong class="#EDIT{titre} forum-titre">#TITRE</strong>
      39.                                                 <small>&ndash; le [(#DATE|affdate_jourcourt)] &agrave; [&nbsp;(#DATE|heures)][:(#DATE|minutes)][, <:par_auteur:> <span class="#EDIT{qui}">(#NOM|couper{80})</span>]</small>
      40.                                         </div>
      41.                                         <div class="#EDIT{forum-texte} texte">
      42.                                                 [(#TEXTE|lignes_longues)]
      43.                                         <ul><ul><ul>[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]</ul></ul></ul>
      44.                                         </div>
      45.                                 </div>
      46.                                 <BOUCLE_forums_boucle(boucle_forums_fils)></BOUCLE_forums_boucle>
      47.                        
      48.                         </BOUCLE_forums_fils>
      49.                 </ul>
      50.                 </B_forums_fils>
      51.         </div>
      52.        
      53.         </BOUCLE_forums>
      54.        
      55. </ul>
      56. </B_forums>
      57. </div>

      D’avance merci pour ton aide :)

    Répondre à ce message

  • Le 8 juillet 2010 à 01:13, par ydikoi En réponse à : Gravatar

    Bonsoir,

    Si je ne me trompe pas (aïe, pas taper), l’affichage du gravatar ne fonctionne que si l’auteur du commentaire est par ailleurs enregistré sur le site. Ou du moins, c’est ce que j’ai réussi à reproduire sur ydikoi.net … ? :s

    • Le 8 juillet 2010 à 10:20, par Maïeul En réponse à : Gravatar

      sur le site de gravatar.com oui (encore que on peut afficher un gravatar selon l’email). mais pas esoin de l’être sur le site spip

    • Le 8 juillet 2010 à 10:25, par tetue En réponse à : Gravatar

      Dans les commentaires (BOUCLES FORUMS), ça ne fonctionne qu’avec le modèle [(#MODELE{gravatar}{email=#EMAIL})], comme indiqué dans la doc ci-dessus.

    • Le 8 juillet 2010 à 11:01, par ydikoi En réponse à : Gravatar

      Merci des réponses Maïeul Et Têtue …j’aurais peut être du commencer par dire que j’utilise le plugin Comment et Gravatar, dans leur dernière version. Que j’ai lu la doc aussi, et je sais ce qu’est être inscrit sur gravatar, et la différence de l’être sur l’espace privé de spip ;-)

      en fait, après mise à jour des plugins à la dernière version, vidage du cache, etc (et donc, inscription sur gravatar) :
      -  si je ne suis pas authentifié sur le site spip : le gravatar apparaît à la prévisualisation du commentaire, mais pas dasn le commentaire
      -  si je suis autentifié sur le site spip : le gravatar apparait bien dasn la prévisu et dans le commentaire …

    • Le 8 juillet 2010 à 11:11, par ydikoi En réponse à : Gravatar

      (et j’ai oublié de préciser que le site est sous Zpip, et que le site ne prend pas en compte non plus l’affichage de l’icône par défaut …)

    Répondre à ce message

  • Le 28 décembre 2009 à 18:13, par Benoit En réponse à : Gravatar

    Bonjour,

    Le plugin Gravatar a créé le fichier index.php avec les droits rw-rw-rw, ce qui semble ne pas être très bon pour la sécurité.

    il y a quelques jours une intrusion a eu lieu dans notre site, et on peut constater dans nos logs que peu de temps avant le ficher index.php a été modifié.

    Est-ce que le plugin modifie ce fichier ou peut-on sérieusement penser que l’intrusion est partie de la ? Si c’est bien la faille, n’est-il pas possible de créer ce fichier avec le moins de droits possibles ? car les utilisateurs ne penseront surement pas à vérifier ce point.

    Répondre à ce message

  • Le 7 décembre 2009 à 17:13, par Maïeul En réponse à : Gravatar

    Sous SPIP 2.0

    si je fais une erreur en saissant le login/mdp, j’obtiens (avec gravatar activé)

    Fatal error: Call to undefined function calcule_logo_ou_gravatar() in /space/www/gl-ouv/3/1/3107062202446109/web/ouvaton.org/maieul.ouvaton.org/html/ecrire/public/composer.php(73) : eval()'d code on line 22

    de même d’ailleur si je me déconnecte de l’espace privé et que je suis renvoyé vers la page de login

    Répondre à ce message

  • Le 29 septembre 2009 à 01:38, par kent1 En réponse à : Gravatar

    Bon ... super ... cependant en 2.1, la fonction balise_LOGO__dist() dans balises/logo_.php a pas mal changé et rend impossible le hack (de cette manière en tout cas) sur la balise

    #LOGO_AUTEUR

    ...

    Donc je donne ici la solution la plus clean que j’ai trouvé pour pallier au problème, dans un squelette :

    1. [(#LOGO_AUTEUR|image_reduire{80,80}
    2. |sinon{[(#GRAVATAR{#EMAIL,80,#CHEMIN{images/gravatar.png}})]})]

    S’il y a mieux dites le ...

    Répondre à ce message

  • Le 11 août 2009 à 14:29, par Arno En réponse à : Gravatar

    Bonjour,

    je n’ai pas d’affichage du gravatar y compris dans l’espace privé de spip, étant derrière un proxy(renseigné dans la configuration de spip) et travaillant sur un serveur de dev local, je me demandais si le problème pouvais venir de la ???

    • Le 22 août 2009 à 18:43, par Fil En réponse à : Gravatar

      A priori le plugin gravatar utilise bien les fonctions qui savent utiliser le proxy, si celui-ci est renseigné dans la configuration de SPIP.

    Répondre à ce message

  • Le 8 août 2009 à 13:56, par davux En réponse à : #GRAVATAR sans donner d’adresse mail

    Il semblerait que même dans un contexte d’auteur, il faille spécifier une adresse mail quand on appelle la balise #GRAVATAR. Je propose ce changement pour lever cette contrainte :

    1. --- gravatar.php        2009-08-03 11:47:53.000000000 -0500
    2. +++ gravatar.php    2009-08-08 06:49:04.407786615 -0500
    3. @@ -9,11 +9,15 @@
    4.          **/
    5.  
    6.  function balise_GRAVATAR($p) {
    7. -       return calculer_balise_dynamique($p, 'GRAVATAR', array());
    8. +       return calculer_balise_dynamique($p, 'GRAVATAR', array('email'));
    9.  }
    10.  
    11.  function balise_GRAVATAR_stat($args, $filtres) {
    12. -       return array($args[0], $args[1], $args[2]);
    13. +       return array(
    14. +               (isset($args[1]) ? $args[1] : $args[0]),
    15. +               $args[2],
    16. +               $args[3]
    17. +       );
    18.  }
    19.  
    20.  function balise_GRAVATAR_dyn($email, $size, $gravatar_default) {

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Transaction : créer des formulaires avec paiement en ligne

    13 mars 2011 – 32 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Transaction est une extension du plugin de création de formulaires Formidable pour concevoir des formulaires de paiement en ligne et les connecter aux principales API bancaires françaises. Présentation Transaction introduit 3 nouveaux types de (...)

  • Formulaire de contact avancé

    23 mars 2009 – 1041 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un formulaire de contact configurable, avec de multiples options.

  • Squelette Multi-Saisons

    19 février 2009 – 226 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un squelette qui change de couleurs suivant les saisons, un graphisme tout en rondeurs et de très nombreuses options.

  • JQuery Masonry

    15 août 2011 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin est un portage pour Spip du plugin jQuery Masonry de David DeSandro : http://masonry.desandro.com/ Principe Ce plugin réorganise les blocs de votre page page d’après une grille (de manière verticale et horizontale) pour réduire au maximum (...)

  • Thélia

    26 juin 2007 – 835 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Une approche basée sur l’utilisation conjointe des deux logiciels SPIP et Thélia pour la réalisation de sites de publication et de vente en ligne