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

Ajouter l'édition de contenu Web avec la substance

Ajouter l'édition de contenu Web avec la substance

De nombreuses applications Web prennent en charge la saisie par l'utilisateur et il est bon de permettre aux utilisateurs de modifier leur texte avec le formatage. Le texte en gras, les en-têtes, les liens, les soulignements, toutes ces fonctionnalités requièrent généralement un code HTML brut.Avec

(Conseils techniques et de conception)

IcoFont vous donne plus de 2100 icônes gratuites dans un seul fichier de police

IcoFont vous donne plus de 2100 icônes gratuites dans un seul fichier de police

Avec l'essor des polices Web et des polices CSS incorporables, il est aujourd'hui beaucoup plus facile de créer des sites Web véritablement uniques.La dernière tendance est les polices d'icônes qui sont généralement plus petites que les images, beaucoup plus faciles à mettre à l'échelle, et elles sont limpides sur toutes les tailles d'écran (y compris la rétine). Vous pouv

(Conseils techniques et de conception)