Ajoutez le support Gravatar à vos commentaires WordPress

Après que quelques personnes différentes aient demandé la prise en charge de Gravatar dans les commentaires du thème populaire Choice WordPress, j’ai décidé d’y regarder de plus près. J’ai trouvé cet excellent article HackWordPress qui vous donne un petit extrait de code pour ajouter des Gravatars à votre boucle de commentaires. Depuis lors, j’ai ajouté le support Gravatar à tous les thèmes ici, simplement parce que c’est si simple à faire. Dans ce guide, je vais vous montrer comment j’intègre les Gravatars dans les thèmes.

Avant de continuer, veuillez comprendre que ce guide est écrit pour WordPress 2.5 et supérieur uniquement. Le code révisé ne fonctionnera pas sur les anciennes versions.

Le code Gravatar

Le simple fait de mettre le code suivant dans votre boucle de commentaires fonctionnera, mais il ne sera probablement pas très beau tel quel.

En gros, ce code va vérifier si vous avez le (WordPress 2.5 natif), puis afficher l’avatar du commentateur dans un carré de 50px.

utiliser une règle

Si vous voulez vous assurer que vos Gravatars sont correctement dimensionnés, je vous recommande l’extension MeasureIt Firefox. Cela vous aidera à mesurer une zone sur votre sujet pour déterminer une bonne taille pour les Gravatars.

Où mettre le code ?

Sur la question du choix, j’ai trouvé que 40 était une bonne taille. Alors où exactement ai-je mis ce code ?

N’importe où à l’intérieur de y (la boucle de commentaire) fonctionnera.

Concevoir vos Gravatars

Une fois que vous avez affiché les Gravatars dans votre modèle de commentaire, vous souhaiterez probablement également les styliser. Vous remarquerez que le code Gravatar crache la classe “avatar” sur chaque image. Ajoutons une ligne à la feuille de style CSS pour flotter vers la gauche et ajoutons une petite marge à droite.

img.avatar { float : gauche ; marge droite : 5 px ;}

Voilà, vous avez de beaux Gravatars, parfaitement dimensionnés et élégants. Bien sûr, les thèmes seront différents, vous pourrez les concevoir comme bon vous semble.

conclusion

N’oubliez pas que ce code ne fonctionnera que sur WordPress 2.5 et supérieur. La balise conditionnelle empêchera votre thème de casser, mais rien n’apparaîtra dans les anciennes versions. Plus d’informations sur d’autres méthodes d’utilisation des Gravatars sont détaillées dans le WordPress Codex.

Si vous venez de lire cet article en entier et que vous n’avez aucune idée de ce qu’est un Gravatar, je vous suggère de lire d’abord celui de Lorelle sur WordPress. Passez en revue les bases de la façon d’obtenir votre propre Gravatar en vous inscrivant sur Gravatar.com et en utilisant également les Gravatars dans les anciennes versions de WordPress avec des plugins.

Non seulement les Gravatars peuvent être utilisés pour les commentaires, mais ils peuvent également être ajoutés aux publications d’auteurs individuels.

Si vous avez aimé l’article, n’hésitez pas à le commenter et à le partager. J’aimerais entendre vos pensées. Abonnez-vous au flux pour obtenir les dernières mises à jour de Theme Lab.