hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


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 '  '; 

Spotify pour Android maintenant a derrière l'intégration des paroles

Spotify pour Android maintenant a derrière l'intégration des paroles

En janvier 2016, Spotify et une société d'annotations musicales appelée Genius se sont associés pour présenter Behind the Lyrics pour la version iOS de Spotify . En avril 2017, cette fonctionnalité a finalement fait son chemin vers la version Android de Spotify . À compter d'aujourd'hui, les utilisateurs d'Android Spotify pourront désormais voir des informations supplémentaires sur une chanson dans deux des listes de lecture organisées par Spotify . Ces deux

(Conseils techniques et de conception)

20 Tutoriels Photoshop sur l'interface utilisateur qui vous seront utiles

20 Tutoriels Photoshop sur l'interface utilisateur qui vous seront utiles

L'utilisation de Photoshop pour créer des éléments d'interface utilisateur captivants, tels que des icônes et des widgets réalistes, est souvent une tâche difficile, en particulier pour ceux qui sont encore en train d'apprendre les bases de la conception UI / UX. De nombreux facteurs différents doivent être pris en compte: l'éclairage, les bords, les ombres, etc.Heureuse

(Conseils techniques et de conception)