Comment récupérer votre URL d'image Gravatar

Avoir une photo de profil aussi appelée “image d'avatar” est assez essentiel en ligne. Nous mettons en ligne notre meilleure photo de profil sur des sites Web et des sites sociaux afin d'en accroître la légitimité, la crédibilité et de mieux reconnaître notre présence en ligne..

WordPress a son propre service pour délivrer des images de profil d’utilisateur, il s’appelle Gravatar. Nous pouvons également incorporer cela dans nos propres thèmes personnalisés. Cet article vous expliquera comment récupérer l’image de profil depuis Gravatar..

Utiliser Gravatar

Commençons par les bases. WordPress a une fonction intégrée spéciale, get_avatar, ce qui nous permet de récupérer l'image gravatar. Cette fonction nécessite deux paramètres: l'ID utilisateur ou l'e-mail et la taille de l'image à afficher. Voici un exemple.

 $ user_id = get_the_author_meta ('ID'); echo get_avatar ($ user_id, 80); 

Si vous préférez utiliser un email d'utilisateur, remplissez le champ get_the_author_meta () fonctionner avec utilisateur_email:

 $ user_id = get_the_author_meta ('user_email'); echo get_avatar ($ user_id, 80); 

Les deux exemples produiront le même résultat: une image d’avatar d’utilisateur de la taille de 80px. Dans mon cas, je verrai ma photo.

Pourtant, le problème que j’ai rencontré une fois avec cette fonction est que celle-ci génère l’ensemble de l’image; plein étiquette. Inspectez le code source et vous devriez le trouver comme suit:

Cela rend les choses un peu difficiles pour nous, par exemple, pour insérer des classes supplémentaires ou un ID dans le .

Alternativement, nous pouvons récupérer uniquement l'URL de l'image, au lieu de élément en entier. Une fois que nous avons eu l'URL, nous pouvons l'ajouter à la avec les classes personnalisées ou l'ID ajouté.

Comment récupérer l'URL de l'image

Premièrement, nous devrons créer une nouvelle fonction PHP dans functions.php du thème WordPress que vous utilisez. Appelons la fonction comme suit:

 fonction get_avatar_img_url  

La récupération de l'image Gravatar nécessite le courrier électronique de l'utilisateur. Assurez-vous que l'email a bien été enregistré dans Gravatar afin de voir le résultat. Appelez le courrier électronique de l'auteur, comme suit.

 function get_avatar_img_url $ user_email = get_the_author_meta ('user_email');  

L'URL de l'image Gravatar est spécifié avec http://gravatar.com/avatar/ et suivi de hash md5 (valeur encodée) de l'adresse email. Pour retourner l'adresse email dans un “hash md5” valeur, nous pouvons utiliser la fonction PHP intégrée, md5 (). Nous avons donc défini l’URL de l’image Gravatar de la manière suivante:

 function get_avatar_img_url $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email);  

Nous devons ensuite inclure dans l'URL quelques paramètres obligatoires, à savoir la taille de l'image et l'image de secours par défaut si l'image n'est pas enregistrée dans Gravatar. Pour ce faire, nous allons utiliser une fonction WordPress appelée add_query_arg.

 function get_avatar_img_url () $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email); $ url = add_query_arg (array ('s' => 80, 'd' => 'mm',), $ url); return esc_url_raw ($ url);  

Ce add_query_arg fonction ajoutera des paramètres à la fin de l'URL. Dans notre cas, il va sortir ?s = 80 & d = mm qui définit la taille de l'image sur 80 pixels et définit l'avatar par défaut sur mm (Homme mystérieux).

Maintenant, utilisez simplement le PHP écho pour sortir l'URL dans le élément, comme si:

 $ avatar_url = get_avatar_img_url (); écho '';