Hoe u uw Gravatar-afbeeldings-URL ophaalt

Het hebben van een profielfoto ook bekend 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 een e-mail van een gebruiker gebruikt, vult u de functie get_the_author_meta() met user_email :

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

Beide voorbeelden geven hetzelfde resultaat: een 80px 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 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

Eerst 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 in Gravatar is geregistreerd 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 wordt gespecificeerd met http://gravatar.com/avatar/ en gevolgd door md5-hash (gecodeerde waarde) van het e-mailadres. Om de addrress van de e-mail terug te brengen naar een "md5 hash" -waarde, kunnen we de ingebouwde PHP-functie 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 aantal vereiste parameters opnemen in de URL, die de afbeeldingsgrootte en de standaard terugvalafbeelding zijn, als de afbeelding niet is geregistreerd in Gravatar. 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 ?s=80&d=mm waarmee de beeldgrootte op 80pixels wordt ingesteld en de standaardavatar op mm (Mystery Man) wordt ingesteld.

Gebruik nu gewoon de PHP- echo om de URL binnen de element, zoals zo:

 $ avatar_url = get_avatar_img_url (); echo '  '; 

Hoe u sneltoetsen naar uw website toevoegt

Hou je van sneltoetsen op het toetsenbord? Ze kunnen u veel tijd besparen, toch? Wilt u sneltoetsen toevoegen aan uw eigen website, ten behoeve van uw bezoekers? Het zou de toegankelijkheid en navigatie van uw site aanzienlijk verbeteren.In dit bericht geef ik een korte handleiding over het toevoegen van snelkoppelingen naar uw webpagina met behulp van een JavaScript-bibliotheek met de naam Muizenval

(Technische en ontwerptips)

Hoe word je een Design Thought Leader?

Wat is er nodig om een ​​thought leader in de ontwerpgemeenschap te worden? Met 'thought leader' bedoel ik iemand die een statement kan maken over design of ontwerpers en waar naar geluisterd, geblogd, geretweet en betwist kan worden door duizenden professionele ontwerpers en anderen in gerelateerde industrieën.We g

(Technische en ontwerptips)