Voulez-vous changer la taille de l’image Gravatar sur WordPress ?
Gravatar est un service qui associe l’email d’un utilisateur à une image. Les thèmes WordPress affichent les Gravatars à une taille fixe, mais vous pouvez préférer rendre ces images plus petites ou plus grandes pour mieux s’adapter au design de votre site web.
Dans cet article, nous allons vous montrer comment changer la taille des images Gravatar dans WordPress.
Sommaire
Pourquoi changer la taille de l’image Gravatar sur WordPress ?
Gravatar est l’acronyme de Globally Recognized Avatar (avatar reconnu mondialement). Il s’agit d’un service web qui vous permet de créer un profil et d’associer des images d’avatar à adresse mail.
La plupart des thèmes WordPress affichent un Gravatar à côté du commentaire de l’utilisateur. Certains thèmes affichent également un Gravatar dans la bio de l’auteur.
Même si un utilisateur n’a pas de compte Gravatar, votre site affichera toujours l’un des Gravatars par défaut de WordPress.
Il peut arriver que vous souhaitiez modifier la taille des Gravatars de votre thème. Par exemple, vous pouvez les agrandir pour qu’ils soient plus visibles. Cela peut attirer l’attention des visiteurs sur la section des commentaires de votre site et vous aider à obtenir plus de commentaires sur vos articles.
Méthode 1 : Modifier la taille du Gravatar à l’aide de l’éditeur de site complet de WordPress (thèmes en bloc uniquement)
Si vous utilisez un thème à blocs comme ThemeIsle Hestia Pro ou Twenty Twenty-Three, vous pouvez modifier la taille du Gravatar en utilisant l’éditeur du site complet.
Cette méthode ne fonctionne pas avec tous les thèmes, donc si vous n’utilisez pas un thème à blocs, nous vous recommandons d’utiliser la méthode 2 à la place.
Dans le tableau de bord de WordPress, allez dans Apparence > Éditeur.
Dans le menu de gauche, vous pouvez choisir de modifier un modèle ou une partie de modèle.
Pour modifier la taille du Gravatar pour les commentaires WordPress, vous sélectionnerez généralement « Template Parts » dans le menu de gauche.
Cliquez ensuite sur « Commentaires ».
Vous pouvez maintenant cliquer pour sélectionner la partie du modèle Commentaires.
Cela ouvre un nouveau menu avec des paramètres que vous pouvez utiliser pour personnaliser la partie du modèle de commentaires.
Vous pouvez maintenant cliquer sur l’un des Gravatars dans l’aperçu en direct.
Dans le menu de droite, vous pouvez sélectionner l’onglet « Bloc » s’il n’est pas déjà sélectionné.
Vous pouvez maintenant agrandir ou réduire les Gravatars en faisant glisser le curseur « Taille de l’image ».
Au fur et à mesure que vous déplacez le curseur, tous les Gravatars se mettent à jour automatiquement, ce qui vous permet d’essayer différentes tailles pour voir ce qui vous convient le mieux.
Lorsque vous êtes satisfait des modifications apportées, cliquez sur le bouton « Enregistrer« .
Méthode 2 : Changer la taille du Gravatar pour les commentaires WordPress (fonctionne avec tous les thèmes)
Si vous n’utilisez pas un thème WordPress avec bloc, vous pouvez changer la taille de Gravatar pour les commentaires WordPress en utilisant du code.
Cette méthode nécessite que vous modifiiez les fichiers du thème, ce n’est donc pas l’option la plus facile pour les débutants. Cependant, cette méthode devrait fonctionner pour la plupart des thèmes WordPress.
Si vous modifiez directement les fichiers de votre thème WordPress, ces modifications disparaîtront lors de la prochaine mise à jour de votre thème. Cela étant dit, nous vous recommandons de créer un thème enfant, car cela vous permet de mettre à jour votre thème WordPress sans perdre la personnalisation.
Après avoir créé un thème enfant, vous devrez vous connecter à votre site WordPress en utilisant un client FTP tel que FileZilla, ou vous pouvez utiliser le gestionnaire de fichiers de votre cPanel d’hébergement WordPress.
Si vous êtes un client O2switch, vous pouvez utiliser le tableau de bord cPanel à la place.
Si c’est la première fois que vous utilisez le FTP, vous pouvez consulter notre guide complet sur la façon de se connecter à votre site en utilisant le FTP.
Une fois que vous êtes connecté, vous devez aller dans /wp-content/themes/ et ouvrir le dossier de votre thème WordPress actuel.
Une fois arrivé, ouvrez le fichier comments.php et cherchez la fonction wp_list_comments. Dans cette fonction, vous trouverez theavatar_size, qui définit la taille du Gravatar.
Voici un exemple de ce à quoi cela pourrait ressembler :
Vous pouvez simplement modifier la taille de l’avatar en fonction de la taille que vous souhaitez utiliser. Dans l’extrait de code ci-dessus, il s’agirait de remplacer 60 par un autre nombre.
Les gravatars étant carrés, WordPress utilisera la même valeur pour la largeur et la hauteur de l’image. Cela signifie que vous ne devez saisir qu’un seul chiffre.
Après avoir effectué cette modification, veillez à sauvegarder et à télécharger le fichier sur votre compte d’hébergement WordPress. Lorsque vous aurez terminé, vous pourrez visiter votre blog WordPress pour voir les modifications apportées.
Si l’image Gravatar n’a pas changé, cela peut être dû au cache. Pour en savoir plus, veuillez consulter notre guide sur la façon de résoudre le problème de la mise à jour tardive de WordPress.
Si le Gravatar ne change toujours pas, il se peut que le CSS de votre thème remplace les réglages du fichier comments.php.
Vous pouvez vérifier si c’est le cas en utilisant l’outil Inspect de votre navigateur. Les étapes varient en fonction du navigateur que vous utilisez, mais sur Chrome, il vous suffit de faire un clic droit ou un Ctrl-clic sur le Gravatar, puis de sélectionner « Inspecter ».
Le code HTML et CSS de la page s’affiche alors dans un nouveau panneau.
Dans ce code, vous devez rechercher les valeurs de hauteur et de largeur.
Si la taille est différente de celle que vous avez spécifiée dans le fichier comments.php, cela signifie que le fichier style.css de votre thème prend le pas sur vos modifications.
Si c’est le cas, revenez simplement à votre client FTP. Vous pouvez maintenant ouvrir le dossier du thème, puis le fichier style.css.
Recherchez un bloc de code contenant le mot « avatar ».
Vous le trouverez généralement dans une classe CSS .avatar pour les auteurs de commentaires, comme celle-ci :
Vous pouvez maintenant modifier la largeur et la hauteur pour obtenir les valeurs que vous souhaitez pour vos Gravatars.
Ensuite, il vous suffit d’enregistrer vos modifications. Maintenant, si vous visitez votre blog ou site web WordPress, vous verrez vos images Gravatar mises à jour.
À ce stade, vous vous demandez peut-être pourquoi nous recommandons d’essayer de modifier la taille du Gravatar dans le fichier comments.php avant d’utiliser la méthode CSS, plus facile à mettre en œuvre.
Tout d’abord, le CSS peut parfois rendre les Gravatars flous, en particulier si les avatars sont beaucoup plus grands que l’image originale. Deuxièmement, la modification de la taille de l’image dans le fichier comments.php permet souvent à votre site de se charger plus rapidement.
Méthode 3 : Comment changer la taille du Gravatar pour les bios d’auteurs
Si vous gérez un site WordPress avec plusieurs auteurs, alors une boîte d’information sur l’auteur peut aider les lecteurs à en savoir plus sur l’auteur de l’article.
Si vous souhaitez ajouter cette fonctionnalité à votre site web, consultez notre guide sur la façon d’ajouter une boîte d’information sur l’auteur dans les articles WordPress.
De nombreuses biographies d’auteurs affichent le Gravatar de l’auteur en même temps que sa biographie. Pour modifier la taille par défaut du Gravatar dans vos biographies d’auteur, vous devez trouver le fichier du thème qui ajoute la bio.
Connectez-vous simplement à votre site à l’aide d’un client FTP tel que FileZilla ou le gestionnaire de fichiers de votre hébergement WordPress. Une fois connecté, allez dans /wp-content/themes/ et ouvrez le dossier de votre thème WordPress actuel.
Ensuite, vous devez ouvrir le dossier template-parts.
Vous devez maintenant trouver le fichier qui contient le code get_avatar. Vous trouverez souvent ce code dans un fichier de partie de modèle appelé author-bio.php, single.php, functions.php, ou similaire.
Voici un exemple de ce à quoi ce code peut ressembler :
Dans l’extrait ci-dessus, vous pouvez simplement remplacer le nombre 85 par la taille que vous souhaitez utiliser.
Dans d’autres thèmes, le code peut ressembler à ceci :
Vous pouvez simplement remplacer le nombre par la valeur que vous souhaitez utiliser pour agrandir ou réduire le Gravatar.
Après avoir modifié la taille, n’oubliez pas d’enregistrer vos modifications. Vous pouvez ensuite visiter votre site web pour voir la nouvelle boîte de bio de l’auteur en action.
Si les Gravatars n’ont pas changé, vous devez rechercher la classe avatar dans le fichier style.css en suivant la même procédure que celle décrite ci-dessus. Une fois cette classe trouvée, vous pouvez saisir les nouvelles valeurs de hauteur et de largeur du Gravatar.
