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

Avoir une photo de profil également connue sous le nom "image d'avatar" est assez essentiel en ligne. Nous mettons en ligne notre meilleure image de profil sur les sites Web et les sites sociaux pour la légitimité, la crédibilité et pour que les gens reconnaissent mieux notre présence en ligne.

WordPress a son propre service pour fournir des photos de profil d'utilisateur, et il s'appelle Gravatar. Nous pouvons également l'incorporer dans nos propres thèmes personnalisés. Ce post vous guidera à travers quelques approches sur la façon dont vous pouvez récupérer l'image de profil de Gravatar.

Utilisation de Gravatar

Commençons par les bases. WordPress a une fonction intégrée spéciale, get_avatar, qui nous permet de récupérer l'image du gravatar. Cette fonction nécessite deux paramètres: l'ID utilisateur ou le courrier électronique 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 courriel d'utilisateur, remplissez la fonction get_the_author_meta() avec user_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 utilisateur avec la taille de 80px . Dans mon cas, je verrai ma photo.

Pourtant, le problème que je rencontre une fois avec cette fonction est que la fonction génère l'image entière; plein marque. Inspectez la source de code, 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 seulement l'URL de l'image, au lieu de élément en entier. Une fois que nous avons 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

Tout d'abord, nous aurons besoin de créer une nouvelle fonction PHP dans functions.php du thème WordPress que vous utilisez. Nommeons la fonction comme suit:

 Fonction get_avatar_img_url {} 

Récupérer l'image Gravatar nécessite l'email de l'utilisateur; assurez-vous que l'email a été enregistré dans Gravatar afin de voir la sortie. Appelez l'email de l'utilisateur auteur, comme ça.

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

L'URL de l'image Gravatar est spécifiée avec http://gravatar.com/avatar/ et suivie de hash md5 (valeur codée) de l'adresse e-mail. Pour renvoyer l'adresse email dans une valeur "hash md5", nous pouvons utiliser la fonction intégrée de PHP, md5() . Nous avons donc défini l'URL de l'image Gravatar de cette façon:

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

Ensuite, nous devons inclure un couple de paramètres requis dans l'URL qui sont la taille de l'image et l'image de repli par défaut si l'image n'est pas enregistrée dans Gravatar. Pour ce faire, nous utiliserons 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); } 

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

Maintenant, utilisez simplement l' echo PHP pour afficher l'URL dans le élément, comme ça:

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

Gmail pour iOS reçoit une nouvelle mise à jour, rattrape finalement son frère ou sa sœur Android

Les utilisateurs d'iOS obtiennent enfin une mise à jour indispensable de leur application Gmail, avec des modifications de la conception, des performances, de la fonction de recherche, etc.Le plus grand changement que Gmail pour iOS a est sa conception mise à jour. Cette mise à jour apporte Material Design aux appareils iOS, un look identique à celui trouvé sur la version Android.Les

(Conseils techniques et de conception)

Les histoires de Snapchat vous permettent maintenant de rechercher plus de 1 million d'histoires programmées

Dernièrement, de nombreux services de réseaux sociaux ont été occupés à «emprunter» des fonctionnalités les uns aux autres. Snapchat serait probablement familier avec un tel événement que leur fonctionnalité Histoires a depuis inspiré ses concurrents à introduire des fonctionnalités fonctionnellement identiques dans leurs services.Voyant que Sna

(Conseils techniques et de conception)