Changer le gravatar par défaut de WordPress

Envie de changer le gravatar par défaut de WordPress, le célèbre homme mystère ? Quelques lignes de code suffiront pour spécifier l’image par défaut de votre choix et personnaliser d’autant plus votre blog WordPress.

A propos des gravatars

Les gravatars correspondent aux vignettes associées aux auteurs des commentaires de votre blog WordPress. L’avantage d’un tel outil ou plutôt service est que votre photo sera associée à votre mail et donc réutilisée à chaque commentaire de façon automatique – pour peu que le site tourne sous WordPress.

Un gravatar par défaut via PHP

L’astuce a été proposée il y a de cela des années par le site Build Internet. Il s’agit donc d’une adaptation française.

Copiez / collez les lignes de code suivantes dans le fichier functions.php de votre thème :

add_filter( 'avatar_defaults', 'gravatar_perso' );
function gravatar_perso ($avatar_defaults) {
    $myavatar = get_bloginfo('template_directory') . '/images/gravatar-perso.png';
    $avatar_defaults[$myavatar] = "WordPress Channel";
    return $avatar_defaults;
}

2 choses à savoir concernant cette fonction :

  1. Vous devez envoyer une image intitulée gravatar-perso.png dans le dossier images de votre thème WordPress. Vous êtes libres de changer l’URL bien entendu. Une image de grande taille est conseillée bien que cela dépende directement de votre site ;
  2. Indiquez un nom pour ce nouvel avatar par défaut ;

Rendez-vous ensuite dans le back office de WordPress sous l’onglet Réglages puis Discussion. Là, cochez le gravatar portant le nom que vous lui avez donné, soit WordPress Channel dans mon cas.

Capture d'écran - Options des gravatars sous WordPress
Choix du gravatar par défaut sous WordPress

Démonstration visuelle

Pour vous faire une idée, rien de plus simple ! Cette astuce est en place sur WordPress Channel. Il suffit de parcourir le site à la recherche d’un commentaire sans gravatar.

Celui par défaut ressemble à ça :

Icône - Gravatar par défaut
Un exemple de gravatar sur-mesure

Plus d’excuses pour ne pas personnaliser les gravatars de votre site WordPress !

Crédits photo : Ddesign

103 commentaires

  1. David

    Une façon propre de le faire.
    J’en ai une autre pour les fainéants – Remplacer l’image d’origine (garder le même nom) par la votre. Bon après quand il y a une mise à jour parfois elle disparait mais voila Astuce du jour lol

    Merci Aurélien

    1. Jerome N

      Je prefere cette méthode, là c est bien mais c est ce compliquer la vie pour rien ou alors pour dire qu’on l’a fait comme « un pro ». Perso le faire comme un débutant suffit amplement

  2. Micka

    Excellent !

    Si tu savais comme j’ai « galéré » avec ce ‘Gravatar’…
    Pour le configurer tout d’abord, trouver tout d’abord un ‘username’ qui convienne à ce monsieur…
    Puis pour trouver comment échapper à l’affichage bloqué du « Gras-batard » (le ‘Wavatar’ généré pour ceux qui n’ont pas de photo). Bref, j’avais déjà renoncé à utiliser les Avatars sur mes blogs…
    Merci de m’avoir livré la clé de l’énigme !
    Amicalement,
    Michael
    PS Je peux t’emprunter ta petite photo ?

  3. Micka

    Bon.

    J’ai essayé de bidouiller en remplaçant la ligne 3 de la fonction, dont l’expression ‘ get _ bloginfo ‘ semble à l’origine du bug, par :

    $myavatar = ‘/images/gravatar-non-dispo.jpg’;

    J’obtiens, dans la liste à cocher de l’option « Avatars », une belle ligne :
     » /images/gravatar-non-dispo.jpg’ value=’/images/gravatar-non-dispo.jpg’ /> Perso Gravatar-non-dispo  »

    Et ce p@… de « Gras-Batard » se vautre toujours à l’affichage, là où je ne l’ai pas invité GR@@@ :-|

    Je donne ma langue au chat, désolé.

    Merci.

  4. Micka

    Ah… la fonction a été partiellement « mangée » par l’affichage…

    J’ai écrit :

    $myavatar = ‘ / images/gravatar-non-dispo.jpg ‘ ;

    Si ça passe pas, je r’commence… :-|

  5. Micka

    Je recommence …

    $myavatar = ‘ [? péhachepet blogueinfo ( antislash’ tempelate directoiry antislash’ fin?péhachepet ]/ images/gravatar-non-dispo.jpg ‘ et le double point

    Voyons ce que ça donne

    1. Boulama

      Une extension oui, mais les extensions il faut installer en installer les moins possibles. Je ne suis pas un expert de wordpress, mais je crois bien que celles-ci rendent le site relativement lent… Je dis ça je dis rien

  6. sospc95

    Bonjour,

    Le code ne fonctionne pas sur mon thème Mystique, je voudrais essayer en mettant l’url de l’image plutôt que de le mettre dans le dossier image pour voir si ça résout le problème, pouvez vous me dire quel serait le nouveau code avec l’url de l’image ?
    Merci
    Bonne journée

  7. Micka

    Cela NE FONCTIONNE PAS sous le dernier WordPress 3.4.1.

    Je l’ai déjà signalé quelques commentaires plus haut mais je n’ai pas eu de réponse.

    Alors, si vous voulez bien m’éclairer SVP, merci beaucoup.

    1. Julio Potier (BoiteAWeb)

      Tu as bidouillé la fonction et cela ne fonctionne PLUS, très différent.
      Merci de poster le code avec pastebin.com afin qu’on puisse y voir clair (on est dans le noir ? Je coihaite y voir clair et toit être éclairé …)
      J’ai l’impression que tu as mis des balises php dans du code php dans une string, bref, du pas bon, alors pas la pein de venir crier au loup
      See you

  8. Micka

    Non, non

    C’est parce que cela ne fonctionnait PAS que j’ai essayé de bidouiller.

    N’inversons pas les choses STP.

    Si cela avait fonctionné d’entrée de jeu, je n’aurai pas perdu mon temps à cela.

    Voilà où j’en suis.

    Je persiste et je signe : cela ne semble PAS fonctionner avec la dernière mise à jour de WordPress.

    Qui d’autre ici aurait la clé du mystère ?

    Merci beaucoup

  9. Micka

    SVP,

    Voulez-vous bien me donner un mode d’emploi clair, net, précis, détaillé pas à pas, accessible pour un non-informaticien comme moi ET dont le résultat soit garanti sous WordPress 3.4.1 ?

    Merci infiniment.

    Bien cordialement.

  10. Eluuna

    A dire vrai je n’y arrive pas non plus.
    J’ai bien le point qui s’ajoute, avec le nom que j’ai donné mais il ne trouve pas l’image.
    J’ai vérifié le chemin plusieurs fois.
    C’est cette ligne là qui pose problème: $myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravatar-perso.png’;

  11. SOSPC95

    Et moi vous m’avez oublié
    Moi j’ai bien mit l’image au bon endroit mais ça ne marche pas, et je voudrais essayer de changer le code pour mettre une url de l’image plutôt que de le mettre dans un dossier « images » pour voir si ça peut résoudre mon problème.
    Vous pouvez me dire quel est le code que je devrais mettre pour ça ?
    Merci
    Bon week end

  12. Micka

    Oh oui, oh oui, un tutoriel svp merci

    Je confirme :

    C’est cette ligne là qui (me) pose problème (aussi) :
    $myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravatar-perso.png’;

    Ouf, je ne suis plus tout seul, à endosser le rôle de « mauvais objet » en laissant imaginer que j’aurais bidouillé un truc qui fonctionnait !

  13. SOSPC95

    Merci pour avoir fait le tuto en vidéo, mais même comme ça ça ne fonctionne pas chez moi, j’ai inséré l’url de l’image entre guillemet et apostrophe à la place de ce qu’il y à d’écrit dans $myavatar= mais rien n’y fait, peut être un problème de compatibilité avec mon thème.

  14. Cyril

    Bonjour,

    Même problème que les autres, cela ne fonctionne pas, l’image n’apparais pas dans le menu et il n’est pas possible de la choisir durablement (quand je valide, elle n’est plus choisi par défault)
    J’ai pourtant essayer les diverses solutions des commentaires mais rien.
    J’utilise la dernière version de wordpress ainsi que le thème Swidish-Greys,

  15. Micka

    Ça y est, la fonction est déboguée…

    J’obtiens bien l’option à cocher « Gravatar-non-dispo » dans les réglages du thème.

    En revanche, ça ne change rien a l’affichage et je n’y comprends rien !

  16. Julio Potier (BoiteAWeb)

    Mis en place, fonctionne.
    Pas de thème enfant pour moi, j’ai mis une image avec le bon nom dans le bon dossier, j’ai collé le code dans mon functions.php. Fonctionne!

  17. Micka

    Vous avez plus de chance ou de doigté que moi

    Cache vidé, avant, pendant, après…
    Rien n’y fait.

    La petite image a beau être cochée et re-cochée dans le menu réglage,
    ça reste désespérément bloqué sur le « Gras-batard » imposé par Gravatar,
    cet espèce de « muppet-show » hideux qui ferait fuir un corbeau sur le dos tellement que c’est laid…

    J’ai donc dû désactiver les avatars plutôt que de subir cette peste.

    Qui d’autre a du pesticide ici ?

  18. Julio Potier (BoiteAWeb)

    En meme temps l’url ne pointe pas chez nous, c’est tout de meme celle de gravatar qui est chargée, puis si l’email n’existe pas chez gravatar, alors il nous renvoie vers cette image que nous lui avons donné en paramètre.
    Donc cela reste toute de même une requete de gravatar, on ne gagne rien.
    Je viens de m’amuser avec les avatars WordPress, http://baw.li/db/Avatar-Google-Imagie.png Qui veut le code ? #plugin ?

  19. Comment changer les avatars par défaut sur Wordpress? | Geekoriel.net

    […] fade. Et j’avoue que j’aime bien personaliser mes affaires . Donc je suis tombé sur WP Channel qui propose ce tutoriel, alors je ne fais que partager cette astuce avec vous chères […]

  20. Blanche

    Merci beaucoup pour le morceau de code.

    C’est passé comme une lettre à la poste chez moi et c’est une solution clean qui me plaît bien.

    Montre en main… 45 secondes ?

  21. gilles

    Help,
    Ayant essayé de posé un bout de code dans « editeur – functions php » j’ai hélas obtenu ce message en me logant.

    Parse error: syntax error, unexpected T_STRING in /home/kalitcho/public_html/wp-content/themes/twentyeleven/functions.php on line 615
    Au travers de mon FTP, j’ai récupéré le fichier, enlevé le bout de code, mais sans succès. Mon seul propos est de pouvoir me reloguer , et comme je viens juste de télécharger ce wordpress ( donc sans contenu) juste qques plugins c’est pas grave
    Puis au travers de mon Cpanel ou de mon FTP juste supprimer le wp et ainsi récupérer mon login pour en remettre un nouveau
    Merci de l’aide Cordialement
    Gilles wedgesand@hotmail.fr

  22. chezmonpoissonnier

    Merci pour cette astuce très intéressante.

    J’ai copié ce code dans le function.php de mon thème enfant en prenant soin de modifier template_directory par stylesheet_directory.

    ça marche, mais trop. Car cela modifie tous les gravatars des commentaires par le mien… Une idée?

    chris

  23. Stephanie

    Salut.. super vidéo, très clair ! Merci beaucoup !
    J’ai réussi à placer le code au bon endroit, et je vois le nom du nouvel avatar par défaut dans Réglages > Discussion.

    Par contre, l’image n’apparait pas, et j’ai un carré bleu avec un point d’interrogation.
    (idem pour l’avatar vide)

    Adresse de l’image :
    http://i1.wp.com/localhost/wp-content/themes/catch-box/images/cp2_avatar_membre.jpg

    Qu’est ce que « i1.wp.com.. »?
    Pourquoi est ce que j’ai le même problème pour l’avatar vide?

    Ah et j’ai oublié de préciser que je suis pour l’instant en train de développer mon site en LOCAL. ; )

    MERCI d’avance pour toute idée / suggestion ou solution.. je suis complètement perdue et ca fait plus d’une semaine que j’essaie de trouver une réponse.. ; )

  24. Romain C.

    Bonjour je suis actuellement en local moi aussi, et j’ai également un problème au niveau de la redirection. J’ai bien mis le code suivant:
    « add_filter( ‘avatar_defaults’, ‘gravatar_perso’ );
    function gravatar_perso ($avatar_defaults) {
    $myavatar = ‘/images/gravatar/gravatar.jpg’;
    $avatar_defaults[$myavatar] = « Avatar Taniere des Saveurs »;
    return $avatar_defaults; »

    Cela dit quand l’image ne s’affiche pas dans les commentaires car quand je fais clic droit ouvrir l’image dans un nouvel onglet devant mon chemin vers l’image il y a « http://i2.wp.com » suivit par l’adresse exact ou se situe l’image. Lorsque je le supprime l’image existe bien. « http://i2.wp.com/localhost/wordpress/wp-content/themes/theme1767/images/gravatar/gravatar.jpg » Pourquoi ce i2.wp.com apparait ?

  25. Christelle

    Moi aussi mon mystery man de gravatar est chez wp.com et je n’utilise pas jetpack ou autre plugin si ce n’est buddypress, cela semble par défaut maintenant, non?

  26. lucie

    Je suis adepte de la personnalisation totale. J’ai bien compris comment modifier l’avatar « homme mystère », auteurs des témoignages mais mon idéal serait d’avoir un avatar différent pour chaque témoignage. Savez-vous si c’est possible ? Et surtout comment je peux m’y prendre ? Merci pour vos lumières !

  27. Tito

    Bonjour,

    merci pour ce tuto.

    Je viens de faire la modificaiton de l’avatar et cela marche très bien.
    Cependant cela modifie également l’avatar des visiteurs qui laissent un commentaire, alors que je souhaiterai que cela fonctionne que pour moi.

    Avez-vous une idée?

    Cordialement

    1. rambutox

      Ce que je ne comprends pas dans les gravatars, c’est s’il faut être connecté à son compte wordpress.com ou juste à son email pour voir le gravatar s’afficher.
      Que se passe t-il quand on a plusieurs emails ? On peut avoir un gravatar différent ?

  28. Jeremy

    Pour ma part, la nouvelle image Gravatar affichée se retrouve stockée sur le serveur 0.gravatar.com … Cela me pose problème pour utiliser une version HD avec WP Retina 2x. Quelqu’un a t-il une idée ?

  29. Philippe de flaquedeau.fr

    Bonjour et merci Aurélien pour cette astuce qui, précisons le, s’il est suivie à la lettre, fonctionne parfaitement et du premier coup
    Pour info mon thème est Sahifa dispo sur ThemeForest

  30. agenceregard

    Bonjour,

    Sur mon thème, les avatars sont en format rond. Comment les passer en carré ? Quel fichier dois-je modifier, et quelle fonction ?

    Merci d’avance pour vos réponses.

    1. oem

      tout essayé rien a faire… dans le thème parent ou le child thème en prenant soin de changer $template_directory = get_stylesheet_directory();
      ou $template_directory = get_template_directory();
      selon le cas mais non l’image ne s’affiche pas et me donne une url http://i1.wp.com/monsiteblabla.com/wp-content/themes/responsive/images/my.avatar.jpg.

      ca fait une heure que je suis dessus et je lache l’affaire pour aujourd’hui.
      pour info suis sur WP 3.6.1. grrrr je déteste ne pas comprendre.

  31. dureo

    Salut Aurélien,

    merci pour ton tuto mais par contre j’ai une petite question :
    Une fois que j’ai défini mon image, j’ai la même sur tous les commentaires =(
    A ton la possibilité de faire une variante ?
    Une pour moi et une autre par defaut pour les visiteurs ? lol car là on a limpression que j’écris de faux commentaires mon visage est partouttt

    Merciii

  32. Joffrey

    Merci pour ton Post, mais apparement depuis la version 3.6, impossible de changer le gravatar par default… j’ai eu beau aller voir sur le site de gravatar, WordPress veut absoluement aller chercher sur le site gravatar ce pourquoi ce put** de io.m.com ou je ne sais quelle adresse qui vient se caller avant la variable que tu envoie $myavatar. Conclusion le lien et pété et peu importe les plugin installé. Donc si jamais tu trouves la solution fait moi en part, j’ai cherché comme un con… j’abandonne, tant pis, mes utilisateurs auront mystérious Man

    Thanks again, et bonne continuation.

  33. alezan2000

    Bonjour,
    j’ai bien suivi la démarche et tout se fait correctement sauf que l’image n’apparait pas devant son nouveau nom (le nouvel emplacement parmi les avatars est bien créé, avec son nom mais pas la photo) j’assure que le nom de ma photo est bien « gravatar-perso.png ».
    Je suis sous WP3.8 et je me demande si le fichier photo uploadé est bien dans le dossier « images » avec cette version…
    Une idée pour terminer la procédure ?

  34. gilles

    Ben non ça marche pas chez moi.

    Le chemin vers mon image est bon, j’ai bien une entrée de plus dans la liste des gravatars à choisir dans l’admin (réglages / discussions), mais l’image n’est pas trouvée et l’url de l’image affichée est de la forme :

    http://0.gravatar.com/avatar/495dfba4ea195a7a43cd9a6073b5673b?s=44&d=%5BURL_DE_MON_IMAGE%5D%3Fs%3D44&r=G&forcedefault=1

    Ce qui m’a d’ailleurs l’air normal quand je regarde la fonction get_avatar() du fichier wp-includes/pluggable.php, qui génère le html de cette image.

    Et si je copie/colle cette url dans une barre d’adresse d’un navigateur, j’ai un :
    « We cannot complete this request, remote data was invalid »

    Ca a pourtant l’air si facile dans ce tuto.

    Je sèche, une idée serait la bienvenue.
    Merci.

  35. titi

    Merci pour l’astuce, cela fonctionne mais l’image générée renvoi vers une URL du type :
    http://1.gravatar.com/avatar/738a402f61?s=32&d=http%3A%2F%2FURL.COM%2F%2Fgravatar-mickey.png%3Fs%3D32&r=G&forcedefault=1

    Du coup ce n’est pas en local, mais ca utilise le service gravatar. Et je n’utilise aucun plugin Python, Jetpack…etc.

    J’ai l’impression que c’est dû aux dernieres versions de WordPress. Une confirmation ?

    PS: j’ai modifié mon URL.COM

  36. joselazaro79

    Bonjour Aurélien , j’ai suivi votre tuto, j’ai un problème je n’arrive plus à accéder à mon site, je reçois l’erreur suivante: Parse error : syntax error, T_VARIABLE inattendue / homez.705/devenirpk/www/wp-content/themes/graphene/functions.php sur la ligne 42.

    Peux-tu m’aider please

  37. Boris

    Yes l’image est en place !
    Par contre j’ai un peu galéré à cause de ces 2 choses :

    1- Je n’avais pas collé le code entre les balises php () ce n’est pas précisé au début du tuto… et étant débutant ça ne coulait pas de source.

    2- la ligne de code …’template_directory’) . ‘/images/gravatar-perso.png’ ne correspondait pas pour mon thème boldr car le dossier s’appelle img et pas images. Donc après quelques triturages du ciboulo… Euréka !
    J’ai changé pour …’template_directory’) . ‘/img/gravatar-perso.png’

    Merci ! ‘Cause I’m happy
    Silloux !

  38. Dédé la mitraille

    J’ai réussi à rajouter mon avatar perso grâce à ce tuto, merci Aurélien.
    Le problème c’est que ma photo (avec ma tronche !) s’affiche sur tous les commentaires de mon blog, que ce soit mes propres commentaires ou ceux des autres personnes !!! Donc, ça va pas, dommage.

  39. GG

    Bonjour,
    J’utilise le thème Freely. Sur la page blog apparait un encadré « About the author ». Je souhaiterai modifier le nom de l’auteur mais cela ne fonctionne pas
    J’ai fait plusieurs tests en changeant le nom de l’utilisateur et rien n’y fait.
    Quelqu’un pourrait il m’aider ?

    Merci

  40. Focale Zéro

    j’ai un problème avec les gravatars sur mon site WP… j’ai créé mon compte gravatar, mais maintenant tous les utilisateurs ont le même avatar que moi ! celui par défaut de WP ne s’affiche plus !
    est-ce que quelqu’un a déjà rencontré ce problème ?

  41. thuillierdomi

    Bonjour,
    J’ai essayé en vain de faire apparaitre mon image en ayant tout tenté :
    Version WP 4.1
    Thème tweentyfourteen
    Thème enfant
    j’ai mis stylesheet_directory
    créé un répertoire images dans mon thème enfant et déposé mon image également dans le répertoire images du thème parent.
    je vois bien mon nouveau choix mais à l’actualisation de la page le petit carré devant contenir l’image s’ouvre puis se referme et puis rien.
    vidage du cache, etc…j’ai tout essayé…

  42. Morgane

    Merci beaucoup, tout fonctionne correctement pour moi.
    J’ai un thème enfant, j’ai donc placé le bout de code dans le functions.php de mon thème enfant, MAIS l’image dans le dossier image du thème principal.
    Merci pour le tuto

  43. Ana

    Bonjour, je vous remercie pour cet article détaillé.
    J’ai essayé de reproduire la technique mais je rencontre le problème suivant : un nouveau nom d’avatar m’est bien proposé sur la page des réglages mais l’image ne s’affiche pas.
    Voici l’url de l’image :
    http://0.gravatar.com/avatar/f867f9c9ffe60ee6de90f72b3b0b3ee2?s=100&d=http%3A%2F%2Flocalhost%2F…..png
    J’utilise la dernière version de wordpress avec le thème Piemont et les pluggins suivants sont activés : contact form, instafeed, loco translate, mailchimp pour wordpress regenarate thumbnails, responsive lightbox et woocomerce.

    Pensez-vous comprendre d’où le problème peut venir ?

Laisser un commentaire

Thèmes & Plugins
Premium By WP Channel

WP Alacarte propose des produits et services de qualité
made in France pour la plateforme WordPress.

Tout est prêt pour créer votre site à la carte !

  • Thèmes et extensions premium
  • Facilité d’utilisation garantie
  • Temps de chargement optimisé
  • Personnalisation avancée
Découvrir

Rejoignez la communauté WordPress !

Faites partie de l’aventure en devenant membre d’une association WordPress. Conférences, ateliers, BarCamp, WordCamp… Venez
partager votre passion pour WordPress !

Aurélien DENIS,
président des associations WordPress Francophone et WPMX