nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


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

Messenger-app Facebook wordt nu geleverd met een Instant Games-functie

Messenger-app Facebook wordt nu geleverd met een Instant Games-functie

Zin in een snelle ronde van Pac-Mac terwijl je chat met je vriend op Messenger? U kunt dat nu doen, omdat de recente update voor Messenger wordt geleverd met een functie met de naam Instant Games.Beschikbaar voor zowel iOS- als Android-versies van de Messenger-app. Gebruikers kunnen nu een game starten via de chat-app door op de knop van de controller te tikken die zich net boven het tekstinvoervak ​​bevindt. In

(Technische en ontwerptips)

Een kijkje in: Evolutie van wenskaartontwerpen

Een kijkje in: Evolutie van wenskaartontwerpen

Wenskaarten bestaan ​​al honderden jaren en dateren uit het oude China en Egypte. Het is hoe mensen hun gevoel van dankbaarheid en waardering uiten, zelfs tot in dit tijdperk van technologie wanneer mensen nog steeds de wenskaarten verzenden, alleen met meer opties zoals het verzenden van zogenaamde 'elektronische kaarten'. Ja

(Technische en ontwerptips)