Hoe u uw Gravatar-afbeeldings-URL ophaalt
Een profielfoto hebben die ook bekend staat als “avatar afbeelding” is behoorlijk essentieel online. We uploaden onze beste profielfoto's op websites en sociale sites voor legitimiteit, geloofwaardigheid en voor mensen om onze online aanwezigheid beter te herkennen.
WordPress heeft een eigen service voor het leveren van afbeeldingen van gebruikersprofielen, en het wordt Gravatar genoemd. We kunnen dit ook opnemen in onze eigen aangepaste thema's. In dit bericht wordt een aantal manieren behandeld waarop u de profielafbeelding van Gravatar kunt ophalen.
Gravatar gebruiken
Laten we beginnen bij de basis. WordPress heeft een speciale geïntegreerde functie, get_avatar
, waarmee we de gravatar-afbeelding kunnen ophalen. Voor deze functie zijn twee parameters vereist: de gebruikers-ID of e-mail en de grootte van de afbeelding die moet worden weergegeven. Hier is een voorbeeld.
$ user_id = get_the_author_meta ('ID'); echo get_avatar ($ user_id, 80);
Als u liever e-mail van een gebruiker gebruikt, vult u het get_the_author_meta ()
functie met user_email
:
$ user_id = get_the_author_meta ('user_email'); echo get_avatar ($ user_id, 80);
Beide voorbeelden geven hetzelfde resultaat: een avatarafbeelding van een gebruiker met de grootte van 80px
. In mijn geval zal ik mijn foto zien.
Toch is het probleem dat ik ooit tegenkom met deze functie dat de functie het hele beeld genereert; een volle label. Inspecteer de codebron en je zou het als volgt moeten vinden:
Dit maakt het een beetje lastig voor ons om bijvoorbeeld extra klassen of een ID in te voegen in de .
Als alternatief kunnen we alleen de afbeeldings-URL ophalen in plaats van de afbeeldings-URL element volledig. Zodra we de URL hebben, kunnen we deze toevoegen aan de
met de aangepaste klassen of ID toegevoegd.
Hoe de afbeelding-URL op te halen
Allereerst moeten we een nieuwe PHP-functie maken in functions.php van het WordPress-thema dat u gebruikt. Laten we de functie als volgt noemen:
functie get_avatar_img_url
Het ophalen van de Gravatar-afbeelding vereist de e-mail van de gebruiker; zorg ervoor dat de e-mail is geregistreerd in Gravatar om de uitvoer te zien. Bel de e-mail van de auteur, zoals zo.
function get_avatar_img_url $ user_email = get_the_author_meta ('user_email');
De Gravatar-afbeeldings-URL is opgegeven met http://gravatar.com/avatar/
en gevolgd door md5 hash (gecodeerde waarde) van het e-mailadres. Om de addrress e-mail terug te sturen naar een “md5 hash” waarde, we kunnen de PHP-ingebouwde functie gebruiken, md5 ()
. Daarom hebben we de Gravatar-afbeeldings-URL op deze manier uiteengezet:
function get_avatar_img_url $ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email);
Vervolgens moeten we een paar vereiste parameters opnemen in de URL, die de afbeeldingsgrootte en de standaard terugvalafbeelding zijn, als de afbeelding niet in Gravatar is geregistreerd. Om dit te doen, gebruiken we een WordPress-functie met de naam 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);
Deze add_query_arg
functie voegt parameters toe aan het einde van de URL. In ons geval zal het worden uitgevoerd ?s = 80 en d = mm
waarmee de afbeeldingsgrootte op 80pixels wordt ingesteld en de standaardavatar wordt ingesteld mm
(Mystery Man).
Gebruik nu gewoon de PHP echo
om de URL binnen de element, zoals zo:
$ avatar_url = get_avatar_img_url (); echo '';