Vous êtes ici : Accueil | Tutoriels WordPress | Pourquoi vous devriez utiliser Gravatar sur votre site WordPress

Pourquoi vous devriez utiliser Gravatar sur votre site WordPress

Gravatar WordPress

Aimez-vous papoter sur internet ?

Si la réponse est oui, cette nouvelle recette va vous intéresser.

Vous avez probablement remarqué que les commentaires des blogs sont toujours accompagnés d’une petite image.

Cette image, enfin cet avatar, permet de mieux se représenter qui est l’auteur du commentaire (vous, moi, etc.). Vous imaginez bien que vous me verriez différemment si mon avatar était une image totalement loufoque ou représentait quelqu’un d’autre.

Avatar WP MarmiteDans le cas de WP Marmite, j’ai opté pour la mascotte du blog (d’ailleurs elle n’a pas encore de nom, si vous avez une idée je suis preneur). Sur d’autres sites, je mets ma tête ou le logo du site pour lequel je rédige un commentaire.

Nous allons voir comment tout cela fonctionne au cours de cet article.

Mais d’abord…

Qu’est ce que Gravatar ?

Et bien oui, je vous parle d’avatar mais nous n’avons pas encore vu ce qu’était Gravatar.

En fait Gravatar est un service qui sert à gérer ses avatars sur le web. Des sites web (utilisant WordPress ou non) et d’autres services peuvent les récupérer pour « humaniser » un peu plus leurs plateformes. Github, Disqus (que vous découvrirez bientôt ici) et Hootsuite les utilisent notamment.

Voici l’exemple d’une conversation avec Samuel (un lecteur du blog) suite à l’article sur les thèmes bling bling. Vous pouvez voir que cela aide à mieux se représenter qui est qui.

Exemples de gravatars sur WordPress

Par extension, l’avatar (l’image) a pris le nom du service qui le gère. C’est pourquoi vous entendrez plus parler de gravatars que d’avatars.

Le principal avantage d’un gravatar est qu’il vous suit partout. Une fois que vous en aurez associé un avec votre adresse email, il apparaitra à chaque fois que vous vous servirez de cette adresse pour commenter.

Il est donc possible d’avoir plusieurs gravatars en commentant avec une adresse différente.

Si votre adresse email n’a pas de gravatar de défini, vos commentaires seront accompagnés de l’homme mystère ou d’un gravatar généré automatiquement par WordPress :

Gravatars par défaut dans WordPress

Avouez que cela représente moins bien qui nous sommes (à moins de vouloir rester anonyme :P).

Créer son compte gravatar en deux temps 3 mouvements

Si vous n’êtes pas sur le web pour déverser des commentaires assassins en désirant masquer votre identité, voici comment faire pour associer un gravatar à votre adresse email.

Rendez-vous simplement sur fr.gravatar.com et créez vous un compte en cliquant sur « Create Your Own Gravatar »:

Site Gravatar

Petite note au passage : Gravatar est un site édité par Automattic, la même société qui s’occupe du développement de WordPress. Le mec que vous voyez à l’écran est Matt Mullenweg, le « créateur » de WordPress.

J’ai mis des guillemets car WordPress est en fait basé sur un script nommé b2. Pour connaitre toute l’histoire, jetez un oeil ici et .

Revenons à nos moutons, après avoir cliqué sur le bouton vous arriverez sur cette page :

Creation compte WordPress.com

Comme le laissait suggérer le bouton de la page d’accueil, la traduction du site en français n’est pas top. Malgré tout, je ne vous recommande pas de cliquer sur le lien pour accéder à la version française car vous ne serez pas redirigé sur Gravatar.

N’ayez crainte, je vais vous dire quoi faire 😉

Je vous l’ai dit tout à l’heure, Gravatar est édité par la même société qui maintient WordPress. À ce titre, tout ce dont vous avez besoin est d’un compte WordPress.com.

Pour cette recette nous allons supposer que vous n’en avez pas. Si vous en avez un, cliquez sur « I already have a WordPress.com account! » pour vous identifier.

Continuez en inscrivant votre adresse email dans le premier champ, un identifiant dans le second et un mot de passe (compliqué, hein) dans le dernier champ.

Dès que ça sera bon, cliquez sur « Sign up → ».

Si tout s’est bien passé, vous devrez arriver sur cette page (avec l’email que vous avez indiqué bien entendu) :

Confirmation Gravatar

Rendez-vous ensuite dans votre boite de réception et cliquez sur l’email d’activation envoyé par l’équipe de WordPress (et Gravatar) :

Email activation Gravatar

Cliquez sur le bouton « Activate Account ». Vous serez redirigé vers la page de connexion de Gravatar :

Connexion Gravatar

Cliquez sur « Sign in to Gravatar ». Normalement vous devriez être connecté automatiquement.

Vous voilà désormais sur votre compte Gravatar !

Attribuer un gravatar à son adresse email (et bien le choisir)

Maintenant que vous disposez d’un compte, vous allez pouvoir attribuer un avatar (enfin un gravatar) à votre adresse email.

À partir de la page principale cliquez sur « Add one by clicking here! » pour ajouter votre première image :

Ajouter image Gravatar

Sachez qu’il est possible d’ajouter d’autres adresses email sur votre compte Gravatar avec « add a new email » (il n’y a pas besoin de créer un nouveau compte par email).

Vous arriverez sur la page suivante :

Envoi image Gravatar

Pour cette étape, 4 choix s’offrent à vous :

  1. Envoyer une image à partir de votre ordinateur
  2. Donner le lien d’une image présente sur internet (par exemple le lien d’une de vos image de profil sur les réseaux sociaux)
  3. Ajouter une image précédemment envoyée (ne s’applique pas ici puisque nous venons de créer un compte)
  4. Prendre une photo à partir de votre webcam

Pour cette recette, nous allons partir sur le cas le plus courant (à mon avis), c’est à dire charger une photo à partir de votre ordinateur.

Cliquez sur « My computer’s hard drive » pour arriver sur cette page :

Upload image Gravatar

Ici, c’est assez classique. Envoyez simplement votre image en cliquant sur « Choisissez un fichier » puis sur « Next ».

Avant d’aller plus loin, petite parenthèse sur l’image que vous choisirez. N’oubliez pas qu’elle va vous représenter publiquement. L’idéal est de mettre une photo qui vous met à votre avantage ou le logo de votre entreprise/site/blog.

Une fois votre image envoyée à Gravatar, vous aurez la possibilité de la redimensionner. Utilisez les coins pour choisir la zone à recadrer (le cas échéant) :

Redimensionnement Gravatar

Lorsque vous serez satisfait, cliquez sur « Crop and Finish! ».

La dernière étape à accomplir est d’attribuer un classement à votre image.

Un peu comme les films sont interdits aux moins de 12 ans, 16 ans et 18 ans, il en est de même sur les sites WordPress (cela se règle dans Réglages > Discussions).

Enfin, il y a de grandes chances que votre site soit grand public donc cliquez sur « G rated » :

Classement categorie Gravatar

Et voilà, votre adresse email est désormais associée avec un gravatar. Vous pouvez maintenant l’afficher un peu partout en laissant des commentaires sur internet.

La page d’accueil de Gravatar affiche d’ailleurs l’image associée à l’adresse email :

Image Gravatar WordPress

Désormais vous pouvez ajouter d’autres adresses email et images pour afficher différents gravatars. Vous pouvez aussi jouer avec les classements des publics cibles (G rated, PG rated, etc.).

Cette recette pourrait s’arrêter là mais je vais vous donner 2 astuces qui devraient vous intéresser. La première est de…

Définir un gravatar par défaut sur votre site

En lisant ce tutoriel, vous avez associé un gravatar à votre adresse email. Cependant, tous les lecteurs de votre site ne l’ont forcément pas fait. Du coup, ils vont avoir un gravatar par défaut (l’homme mystère ou autre chose suivant ce que vous avez défini sur votre site (dans Réglages > Discussions)).

Pour cela nous allons ajouter quelques lignes de codes. Même si cela peut vous impressionner si vous êtes débutant, vous verrez que ce n’est pas si compliqué 😉

L’idéal est de passer par un thème enfant ou par un plugin de fonctionnalités (j’aborderai cette seconde méthode dans un prochain article) pour insérer ces lignes de code.

Dans le cas d’un thème enfant, insérez les lignes suivantes dans le fichier functions.php :

function wpm_nouveau_gravatar ($avatar_defaults) {
$monavatar = get_stylesheet_directory_uri() . ‘/images/gravatardefaut.jpg’;
$avatar_defaults[$monavatar] = « WP Marmite »;
return $avatar_defaults;
}
add_filter( ‘avatar_defaults’, ‘wpm_nouveau_gravatar’ );

Avec cette configuration, ce code cherchera une image nommée « gravatardefaut.jpg » dans le dossier « images » du thème courant (thème activé, qu’il soit enfant ou non). Veillez bien à ce que l’image envoyée sur votre serveur corresponde à l’adresse indiquée (modifiez l’adresse de destination suivant vos besoins).

Remplacez également « WP Marmite » par le nom de votre site.

Sauvegardez votre fichier et rendez-vous dans Réglages > Discussions pour activer le nouveau gravatar par défaut :

Gravatar défaut WordPress

Vos lecteurs sans gravatar en auront désormais un d’attribué d’office 😉

Passons à la seconde astuce de l’article qui vous aidera à :

Mettre les gravatars en cache

Comme nous l’avons vu, les gravatars sont affichés sur votre site par le service Gravatar.

Lorsqu’un article contenant des commentaires est affiché sur votre site, des requêtes sont faites vers le site Gravatar pour récupérer les gravatars associés aux adresses emails de commentateurs, vous me suivez ?

Sur les petits articles, cela ne pose pas vraiment de problème mais sur des articles avec des dizaines voire des centaines de commentaires, la vitesse de chargement peut durer quelques secondes.

Pour corriger cela, je vous recommande le plugin FV Gravatar Cache qui va, comme son nom l’indique, mettre en cache les gravatars de vos commentateurs directement sur votre site.

Quelques paramètres sont disponibles dans Réglages > FV Gravatar Cache mais les paramètres par défaut sont amplement suffisants.

Et voilà, un problème de plus de réglé 😉

Conclusion

Vous savez désormais attribuer un gravatar à une adresse email, ce qui vous permettra de mieux vous représenter (ou votre organisation, site, etc.) sur internet.

N’oubliez pas que tous vos échanges seront public et contribueront à construire votre réputation. À vous de voir ce qui est approprié ou non de dire 😉

Si vous avez apprécié cet article, inscrivez-vous à la newsletter

Recevez gratuitement les prochains articles et accédez à des ressources exclusives. Plus de 10000 personnes l'ont fait, pourquoi pas vous ?

C'est parti, je m'inscris !

29 commentaires Ajoutez le vôtre

  1. Bonjour Alex,
    Je propose « Tambouille » pour la mascotte ! :o)

    Répondre
    • Ah ah, pas mal ^^

  2. Bonjour,
    Si j’ai bien compris, on utilise gravatar sur son blog WP, juste pour que ceux qui n’ont pas de compte gravatar aient une image par défaut prédéfinie, au lieu de l’homme mystère par exemple? Ou y a-t-il d’autres raisons d’utiliser gravatar sur WP?
    Merci d’avance pour vos réponses.

    Répondre
    • Bonjour,
      Exactement, un gravatar est une image qui remplace l’homme mystère 🙂

  3. Gravatar permet aussi de se faire connaître sur les différents blogs en ligne. Ainsi vos prospects pourront savoir exactement qui vous êtes.
    Je pense que c’est aussi une bonne visibilité sur le net pour es blogueurs.

    Répondre
    • Tout à fait Christian, cela permet d’unifier son identité sur le web 🙂

  4. Merci pour cet article, j’ai donc suivi la procédure pour avoir mon gravatar quand je publie des commentaires sur des blogs, par contre il ne s’affiche pas sur mon propre blog WordPress quand je veux répondre aux commentaires que j’ai eu sur mes articles, comment faire ?

    Répondre
    • Bonjour Elodie,
      Est-ce que l’email de ton blog est bien entré dans Gravatar ?

  5. Bonjour Alex,
    merci pour le retour 🙂
    J’ai finalement trouvé la solution, j’ai changé mon adresse email dans mon profil utilisateur de WordPress (avant c’était celle de postmaster, je ne sais pas trop à quoi elle corrrespond, du coup je ne pouvais pas cliquer sur le mail de confirmation envoyé par Gravatar). Bref, ça marche maintenant, merci beaucoup !

    Répondre
    • Hello alex,
      Félicitations pour ce très beau tuto qui ne manque pas d’apporter les précisons nécessaires à qui veut débuter avec WordPress.

  6. Merci pour cet article super intéressant et pédagogique ! 🙂
    C’est super simple de s’y retrouver.

    Je découvre votre site, et je pense que je vais l’explorer plus pour développer mon blog avec toutes vos astuces;

    Répondre
    • Merci Benjamin, content d’avoir pu t’aider 🙂

  7. Je viens de suivre votre tutoriel et je souhaite faire un test ?

    Répondre
    • A priori c’est tout bon 🙂

      Bonne continuation avec votre site !
      Alex

  8. Salut Alex,
    l’avantage premier de Gravatar c’est d’humaniser la personne qui laisse ses traces sur le web. Je pense que c’est un atout quand on veut être suivi, et si possible, emmener des gens vers son blog. un commentaire sans sans image de son auteur a peu de chance d’être considéré à sa valeur. Or du moment qu’on identifie l’auteur par sa phot, on se sent intéressé; c’est ainsi que l’on peut aller faire un tour sur son site web. Je crois que tout blogueur devrait l’utiliser.

    Répondre
    • Tout à fait Steve !
      Auparavant, j’affichais le logo de la Marmite dans mon Gravatar mais depuis quelques semaines j’ai choisi de mettre ma tête. C’est beaucoup plus humain 🙂

  9. Merci pour cette article.

    J’ai une petite question STP !

    Quand je laisse un comm sur un blog avec mon compte gravatar, lorsqu’on clique sur mon nom il n’y a pas de lien vers mon blog or je remarque que cela est faisable dans les commentaires d’autres personnes.

    Comment faire ?

    Merci d’avance

    Répondre
    • Bonjour,

      Cela doit être un problème de thème. S’il n’y a pas de lien de présent dans le thème, il n’y en aura pas sur ton site.

  10. Merci pour ce tutoriel ! Je me permet de faire un petit test ! 🙂

    Répondre
  11. Je trouve que ce gravatar est un poison terrible. Impossible de commenter justement sur tout site wordpress sans que « gravatar » ne reconnaisse votre adresse email et s’impose. Dans mon cas, cela fonctionne tres mal parce qu’en plus le commentaire ne s’affiche pas. Je n’aime pas, parce que quand on commente avec son gravatar, si quelqu’un veut cliquer sur votre profil, cela renvoie non pas vers votre blog, mais vers votre page de profil sur wordpress. Un clic supplementaire pour le lecteur et donc une autre chance de le perdre. Je cherche a me defaire de gravatar, mais sans succes pour l’instant

    Répondre
    • Bonjour,
      Dans ce cas, il faut se connecter à Gravatar et désactiver l’image associée à votre email (ou alors utiliser un autre email). Ce qui a été fait peut être défait 🙂

  12. Merci pour le tutoriel, marche impeccable.

    Répondre
    • Merci 😉

  13. Bonjour,
    Avant j’étais sur WordPress.com pour mon blog mais j’ai effectué une migration vers WordPress.org. J’aimerais mettre un gravatar sur mon nouveau blog (et donc nouvel utilisateur) mais lorsque je me connecte, on me demande seulement mes identifiants de Worpress.com.. Comment faire pour avoir un gravatar sur WordPress.org ?

    Cordialement.

    Répondre
    • Bonjour,

      Je vous conseille de jeter un oeil à cet article 🙂

  14. Merci beaucoup pour cet article. Savez-vous s’il existe un module permettant d’attribuer différents avatars de façon aléatoire à des utilisateurs sans avatar ? J’aimerais que ce ne soit pas toujours le même. Merci

    Répondre
    • Bonjour Aurélie,

      Il est possible de modifier ça avec un bout de code mais pour en avoir plusieurs, il faudrait l’adapter.

    • Thank you Alex I’ll try it now 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



73 Shares
Share11
Tweet57
Share5