Voulez-vous afficher le Gravatar des visiteurs du site Web à partir de leur e-mail dans WordPress ?
Gravatar est un service Web qui relie l’adresse e-mail d’un utilisateur à son avatar/photo en ligne. WordPress affiche automatiquement les Gravatars dans les commentaires, mais vous pouvez également les ajouter à d’autres zones de votre site Web.
Dans cet article, nous allons vous montrer comment afficher un Gravatar à partir de l’e-mail de votre utilisateur dans WordPress.
Qu’est-ce que Gravatar et pourquoi l’afficher ?
Gravatar signifie Avatar mondialement reconnu, et c’est un service Web géré par Automattic, la société derrière WordPress.com.
Il vous permet de créer un profil utilisateur simple et d’afficher automatiquement des images d’avatar vérifiées avec l’adresse e-mail de l’utilisateur.
Chaque site Web WordPress est livré avec un support intégré pour les Gravatars et affichera automatiquement le Gravatar de l’utilisateur à côté de chaque commentaire et parfois de la biographie de l’auteur.
Si l’utilisateur n’a pas de compte Gravatar, l’image Gravatar par défaut s’affichera.
Cependant, vous voudrez peut-être plus de contrôle sur l’endroit où vos Gravatars d’utilisateurs s’afficheront. Par exemple, vous pouvez l’ajouter au-dessus du contenu de votre publication, à votre page À propos, dans votre barre latérale, etc.
Cela dit, regardons comment vous pouvez afficher le Gravatar à partir d’un e-mail d’utilisateur dans WordPress.
Afficher Gravatar à partir de l’e-mail de l’utilisateur en ajoutant du code à WordPress
Dans un premier temps, nous allons vous montrer comment afficher les Gravatars des utilisateurs dans vos templates WordPress en ajoutant une fonction simple.
Cela nécessite d’ajouter du code à vos fichiers WordPress. Si vous ne l’avez pas encore fait, nous vous recommandons de sauvegarder votre site WordPress et de consulter notre guide du débutant pour coller des extraits du Web dans WordPress.
Vous pouvez ajouter l’extrait de code suivant à votre fichier functions.php, dans un plugin spécifique au site ou en utilisant un plugin d’extraits de code.
function wpbeginner_display_gravatar() { global $current_user; get_currentuserinfo(); // Get User Email Address $getuseremail = $current_user->user_email; // Convert email into md5 hash and set image size to 32 px $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32'; echo '<img src="' . $usergravatar . '" class="wpb_gravatar">'; }
Cet extrait de code crée une fonction simple qui vous permet d’ajouter votre Gravatar n’importe où dans vos fichiers de modèle de thème WordPress existants.
Ensuite, vous devez trouver le bon fichier de modèle pour ajouter le code. Pour en savoir plus, consultez notre aide-mémoire sur la hiérarchie des modèles WordPress pour vous aider à trouver le fichier de modèle de thème adapté à vos besoins.
Ensuite, vous pouvez ajouter l’extrait de code suivant :
<?php wpbeginner_display_gravatar(); ?>
Cet extrait de code ajoute simplement une fonction d’affichage Gravatar à vos publications, pages ou partout où vous le souhaitez.
Voici à quoi cela ressemble avec l’extrait de code ajouté à la section méta de l’article de blog.
Afficher Gravatar à partir de l’e-mail de l’utilisateur en créant un shortcode WordPress
Une autre façon d’afficher le Gravatar de l’utilisateur consiste à créer votre propre code court.
Ceci est utile si vous avez l’adresse e-mail d’un utilisateur et que vous souhaitez afficher son gravatar sur votre site, mais qu’il n’est pas un utilisateur enregistré.
Il peut également être utilisé pour afficher certains Gravatars dans vos zones de publication, de page et de widget de votre site.
Vous devez ajouter l’extrait de code suivant à votre fichier functions.php, dans un plugin spécifique au site ou en utilisant un plugin d’extraits de code.
function wpb_display_gravatar($atts) { extract( shortcode_atts( array( 'wpb_user_email' => '', ), $atts ) ); if ($wpb_user_email == '') { global $current_user; get_currentuserinfo(); $getuseremail = $current_user->user_email; } else { $getuseremail = $wpb_user_email; } $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32'; echo '<img src="' . $usergravatar . '">'; } add_shortcode('wpb_gravatar', 'wpb_display_gravatar');
Cet extrait de code modifie le premier extrait de code et crée un shortcode que vous pouvez facilement ajouter à n’importe quelle page, publication ou zone de widget.
Il vous permet également de spécifier l’adresse e-mail d’un seul utilisateur. Cela vous permet d’ajouter l’e-mail d’un utilisateur au shortcode et d’afficher le Gravatar pour cette adresse e-mail, au lieu de l’utilisateur actuel.
Ajoutez simplement le shortcode suivant pour afficher le Gravatar de l’utilisateur actuel.
[wpb_gravatar]
Si vous souhaitez afficher le Gravatar d’un utilisateur spécifique, utilisez le shortcode suivant.
[wpb_gravatar wpb_user_email="john.smith@example.com"]
Vous devez remplacer l’adresse e-mail dans le shortcode par l’e-mail de l’utilisateur que vous souhaitez afficher.
Ensuite, vous pouvez ajouter un CSS personnalisé à votre blog WordPress pour modifier l’affichage de Gravatar.
Vous pouvez ajouter l’extrait de code CSS suivant à votre feuille de style de thème WordPress.
.wpb_gravatar { padding: 3px; margin: 3px; background:#FFFFFF; border:2px solid #eee; }
Pour plus de détails sur l’ajout de CSS à WordPress, consultez notre guide sur la façon d’ajouter facilement du CSS personnalisé à votre site WordPress.
Pour ajouter le shortcode à votre site, ouvrez simplement la page, la publication ou la zone de widget que vous souhaitez afficher, puis cliquez sur l’icône de bloc « Plus ».
Ensuite, recherchez ‘Shortcode’ et cliquez sur le bloc de shortcode.
Après cela, collez le shortcode dans le bloc et cliquez sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos modifications.
Voici à quoi il ressemble lorsqu’il est ajouté en haut d’un article de blog sous l’image en vedette.
Pour encore plus de conseils sur la personnalisation des Gravatars sur votre site, consultez notre guide sur la façon de modifier la taille de l’image Gravatar dans WordPress.
Nous espérons que cet article vous a aidé à apprendre à afficher Gravatar à partir des e-mails des utilisateurs sur votre site WordPress. Vous voudrez peut-être également voir nos choix sur les meilleurs services téléphoniques professionnels pour les petites entreprises et notre guide sur la façon d’obtenir un certificat SSL gratuit pour votre site Web WordPress.