Mettre son Avatar dans les commentaires

    • Aimeriez-vous me laisser un petit commentaire?

      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.

       

      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 :

       

      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 :

       

      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) :

       

      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” :

       

      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 :

       

      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 :

       

      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 😉

       http://wpmarmite.com/gravatar-wordpress/