{"id":91286,"date":"2022-09-26T06:40:47","date_gmt":"2022-09-26T06:40:47","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/ajoutez-le-support-gravatar-a-vos-commentaires-wordpress\/"},"modified":"2022-09-26T06:40:47","modified_gmt":"2022-09-26T06:40:47","slug":"ajoutez-le-support-gravatar-a-vos-commentaires-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/ajoutez-le-support-gravatar-a-vos-commentaires-wordpress\/","title":{"rendered":"Ajoutez le support Gravatar \u00e0 vos commentaires WordPress"},"content":{"rendered":"
\n

Apr\u00e8s que quelques personnes diff\u00e9rentes aient demand\u00e9 la prise en charge de Gravatar dans les commentaires du th\u00e8me populaire Choice WordPress, j’ai d\u00e9cid\u00e9 d’y regarder de plus pr\u00e8s. J’ai trouv\u00e9 cet excellent article HackWordPress qui vous donne un petit extrait de code pour ajouter des Gravatars \u00e0 votre boucle de commentaires. Depuis lors, j’ai ajout\u00e9 le support Gravatar \u00e0 tous les th\u00e8mes ici, simplement parce que c’est si simple \u00e0 faire. Dans ce guide, je vais vous montrer comment j’int\u00e8gre les Gravatars dans les th\u00e8mes.<\/p>\n

Avant de continuer, veuillez comprendre que ce guide est \u00e9crit pour WordPress 2.5 et sup\u00e9rieur uniquement. Le code r\u00e9vis\u00e9 ne fonctionnera pas sur les anciennes versions.<\/p>\n

<\/span>Le code Gravatar<\/span><\/h3>\n

Le simple fait de mettre le code suivant dans votre boucle de commentaires fonctionnera, mais il ne sera probablement pas tr\u00e8s beau tel quel.
<\/p>\n

En gros, ce code va v\u00e9rifier si vous avez le (WordPress 2.5 natif), puis afficher l’avatar du commentateur dans un carr\u00e9 de 50px.<\/p>\n

<\/span>utiliser une r\u00e8gle<\/span><\/h3>\n

Si vous voulez vous assurer que vos Gravatars sont correctement dimensionn\u00e9s, je vous recommande l’extension MeasureIt Firefox. Cela vous aidera \u00e0 mesurer une zone sur votre sujet pour d\u00e9terminer une bonne taille pour les Gravatars.<\/p>\n

<\/span>O\u00f9 mettre le code ?<\/span><\/h3>\n

Sur la question du choix, j’ai trouv\u00e9 que 40 \u00e9tait une bonne taille. Alors o\u00f9 exactement ai-je mis ce code ?<\/p>\n

N’importe o\u00f9 \u00e0 l’int\u00e9rieur de y (la boucle de commentaire) fonctionnera.<\/p>\n

<\/span>Concevoir vos Gravatars<\/span><\/h3>\n

Une fois que vous avez affich\u00e9 les Gravatars dans votre mod\u00e8le de commentaire, vous souhaiterez probablement \u00e9galement les styliser. Vous remarquerez que le code Gravatar crache la classe “avatar” sur chaque image. Ajoutons une ligne \u00e0 la feuille de style CSS pour flotter vers la gauche et ajoutons une petite marge \u00e0 droite.<\/p>\n

img.avatar { float\u00a0: gauche\u00a0; marge droite\u00a0: 5\u00a0px\u00a0;}<\/p>\n

Voil\u00e0, vous avez de beaux Gravatars, parfaitement dimensionn\u00e9s et \u00e9l\u00e9gants. Bien s\u00fbr, les th\u00e8mes seront diff\u00e9rents, vous pourrez les concevoir comme bon vous semble.<\/p>\n

<\/span>conclusion<\/span><\/h3>\n

N’oubliez pas que ce code ne fonctionnera que sur WordPress 2.5 et sup\u00e9rieur. La balise conditionnelle emp\u00eachera votre th\u00e8me de casser, mais rien n’appara\u00eetra dans les anciennes versions. Plus d’informations sur d’autres m\u00e9thodes d’utilisation des Gravatars sont d\u00e9taill\u00e9es dans le WordPress Codex.<\/p>\n

Si vous venez de lire cet article en entier et que vous n’avez aucune id\u00e9e de ce qu’est un Gravatar, je vous sugg\u00e8re de lire d’abord celui de Lorelle sur WordPress. Passez en revue les bases de la fa\u00e7on d’obtenir votre propre Gravatar en vous inscrivant sur Gravatar.com et en utilisant \u00e9galement les Gravatars dans les anciennes versions de WordPress avec des plugins.<\/p>\n

Non seulement les Gravatars peuvent \u00eatre utilis\u00e9s pour les commentaires, mais ils peuvent \u00e9galement \u00eatre ajout\u00e9s aux publications d’auteurs individuels.<\/p>\n

Si vous avez aim\u00e9 l’article, n’h\u00e9sitez pas \u00e0 le commenter et \u00e0 le partager. J’aimerais entendre vos pens\u00e9es. Abonnez-vous au flux pour obtenir les derni\u00e8res mises \u00e0 jour de Theme Lab.<\/p>\n<\/p><\/div>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n