Hoe Gravatar weergeven van gebruikers e-mail in WordPress
Wat is Gravatar en waarom zou je het tonen?
Gravatar is een handige webdienst die jouw e-mailadres verbindt met een online avatar. Met WordPress worden Gravatars automatisch weergegeven in het reactiegedeelte, maar misschien wil je ze ook toevoegen aan andere delen van je website. Dit kan zorgen voor een visueel aantrekkelijke gebruikerservaring en de betrokkenheid vergroten.
In dit artikel laten we je zien hoe je op een eenvoudige manier een Gravatar van het e-mailadres van de gebruiker kunt weergeven in WordPress. We bespreken verschillende methoden zodat je flexibele opties hebt.
Methode 1: Bewerk je WordPress-thema (het beste voor consistentie)
Gravatar staat voor Globally Recognized Avatar en stelt jou in staat om een foto te koppelen aan jouw e-mailadres.
Als een website Gravatar ondersteunt, kan het de foto van een persoon ophalen en naast hun naam weergeven. Bijvoorbeeld, wanneer jij een reactie achterlaat met jouw e-mailadres op een WordPress-website, zal WordPress de Gravatar van die persoon tonen naast hun reactie.
Gravatars kunnen gebruikers aanmoedigen om deel te nemen aan het gesprek, een gevoel van gemeenschap opbouwen en jouw pagina’s interessanter maken. Dit alles kan jou helpen om meer reacties op jouw WordPress-berichten te krijgen.
Afhankelijk van hoe jouw website is ingesteld, kan WordPress Gravatars op andere plaatsen tonen, zoals de auteur-bio. Echter, misschien wil jij de plek waar gebruikers Gravatars verschijnen op jouw WordPress-blog of -website veranderen. Bijvoorbeeld, je kunt de Gravatar van de gebruiker tonen in de werkbalk of het gebruikersprofiel van jouw website.
Met dat gezegd te hebben, laten we eens kijken hoe jij de Gravatar van een gebruikers-e-mailadres kunt weergeven in WordPress. Gebruik eenvoudig de snelle links hieronder om naar de methode van jouw voorkeur te gaan:
– Methode 1: Bewerk jouw WordPress-thema (het beste voor consistentie)
– Methode 2: Gebruik een aangepaste WordPress-shortcode (volledig aanpasbaar)
– Bonus: Lazy Load Gravatars in WordPress-reacties
Methode 2: Gebruik van een Aangepaste WordPress Shortcode (Volledig aanpasbaar)
Je kunt een Gravatar toevoegen aan je WordPress-thema door code te gebruiken. Dit is een goede keuze als je een Gravatar op dezelfde locatie wilt laten zien op je hele website, zoals in de zijbalk of boven de header. Je moet echter je templatebestanden bewerken, dus het is niet de meest gebruiksvriendelijke methode voor beginners.
Deze methode toont de Gravatar van de persoon die momenteel is ingelogd op je website. Dit is handig voor lidmaatschapssites, online winkels of andere websites waar gebruikers moeten inloggen op een account.
Om een Gravatar aan je thema toe te voegen, moet je wat code plakken in je themabestanden. Als je dit nog niet eerder hebt gedaan, bekijk dan onze beginnershandleiding voor het plakken van codefragmenten van internet in WordPress.
De gemakkelijkste manier om codefragmenten aan je WordPress-website toe te voegen, is door de gratis WPCode-plugin te gebruiken. Het is de beste codefragmentenplugin voor WordPress waarmee je PHP, CSS, JavaScript en meer aan je website kunt toevoegen.
Installeer en activeer eerst de gratis WPCode-plugin. Als je hulp nodig hebt, bekijk dan onze handleiding over het installeren van een WordPress-plugin.
Na activering ga je naar de pagina ‘Code Snippets » + Add Snippet’ in het WordPress-dashboard. Hier zie je alle kant-en-klare codefragmenten die WPCode aan je site kan toevoegen.
Beweeg je muis over ‘Add Your Custom Code (New Snippet)’ en klik op de knop ‘Use Snippet’ wanneer deze verschijnt.
Typ eerst een titel voor het codefragment. Dit is alleen voor jouw referentie, dus je kunt alles gebruiken wat je wilt.
Daarna open je het dropdown-menu ‘Code Type’ en kies je ‘PHP Snippet’.
Nu kun je de volgende code in de code-editor plakken:
Deze code maakt een eenvoudige functie waarmee je een Gravatar kunt toevoegen aan elk willekeurig templatebestand van je WordPress-thema.
Na het plakken van de code, scroll je naar het gedeelte ‘Insertion’ en selecteer je ‘Auto Insert’. Je moet ook het dropdown-menu ‘Location’ openen en ‘Run Everywhere’ kiezen.
Als dat klaar is, scroll je naar de bovenkant van de pagina en klik je op de schakelaar ‘Inactive’ zodat deze ‘Active’ weergeeft.
Klik vervolgens eenvoudigweg op de knop ‘Save Snippet’.
Nu kun je de Gravatar van de gebruiker laten zien op elke gewenste plek op je WordPress-website met behulp van de volgende functie:
Voeg deze functie eenvoudig toe aan het juiste templatebestand. Als je bijvoorbeeld de Gravatar van de gebruiker wilt tonen in de header van je website, bewerk je meestal het bestand header.php.
Dit kan echter variëren afhankelijk van je WordPress-thema. Om je te helpen het juiste templatebestand voor jouw behoeften te vinden, bekijk je onze WordPress-templatehiërarchie-spiekbrief.
Pro-tip: Als je een WordPress-blog hebt met meerdere auteurs, wil je misschien de Gravatar van de auteur tonen in plaats van die van de bezoeker. Om dit te doen, moet je het codefragment toevoegen aan het gedeelte ‘blog post meta’.
Bonus: Lazy Load Gravatars in WordPress Reacties
Je kunt ook een Gravatar toevoegen aan elke pagina, bericht of widget-ruimte door een aangepaste shortcode te maken.
Dit is een goede keuze als je precies wilt bepalen waar de Gravatars op elke pagina verschijnen of als je deze afbeeldingen op verschillende locaties op je website wilt tonen.
Net als methode 1, toont deze aanpak de huidige gebruikers-Gravatar. Als je dat wilt, kun je ook de Gravatar tonen die is toegewezen aan een specifiek e-mailadres door een eenvoudige wijziging in de code aan te brengen.
Dit is handig als je iemands e-mailadres hebt en hun Gravatar op je site wilt weergeven, maar ze zijn geen geregistreerde gebruiker.
De gemakkelijkste manier om aangepaste shortcodes te maken, is door WPCode te gebruiken. En nog beter, je hoeft je themabestanden niet te bewerken, waardoor dit een veel gebruiksvriendelijkere methode is.
Als je dit nog niet hebt gedaan, moet je WPCode installeren. Je moet ook een nieuwe aangepaste codefragment maken door hetzelfde proces te volgen dat hierboven is beschreven.
Als dat is gebeurd, geef je het codefragment een naam en kies je ‘PHP Codefragment’ als codetype.
Plak vervolgens de volgende PHP-code in de code-editor:
Deze code maakt een [wpb_gravatar] shortcode die je kunt toevoegen aan elke pagina, bericht of widget-ruimte.
Wanneer je klaar bent, scrol je naar het gedeelte ‘Invoeging’ en zorg je ervoor dat ‘Automatisch invoegen’ is geselecteerd. Je moet ook het vervolgkeuzemenu ‘Locatie’ openen en ‘Overal uitvoeren’ kiezen als dit nog niet is geselecteerd.
Ten slotte scrol je naar de bovenkant van het scherm en klik je op de schakelaar ‘Inactief’ zodat deze ‘Actief’ weergeeft. Je kunt vervolgens op ‘Code opslaan’ klikken om je code live te maken.
Je kunt nu de Gravatar van de gebruiker laten zien op elke pagina, bericht of widget-ruimte met behulp van de volgende shortcode:
Voor meer informatie over hoe je de shortcode kunt plaatsen, raadpleeg je onze handleiding over het toevoegen van een shortcode in WordPress.
Als je de Gravatar van een specifieke gebruiker wilt laten zien, voeg je eenvoudigweg hun e-mailadres toe aan de shortcode:
Als je niet tevreden bent met hoe de Gravatar eruitziet, kun je deze opmaken met aangepaste CSS. Je kunt bijvoorbeeld de volgende CSS-code aan je WordPress-thema toevoegen:
Voor meer informatie over het toevoegen van CSS aan WordPress, zie onze handleiding over het eenvoudig toevoegen van aangepaste CSS aan je WordPress-site.
Als je dat liever hebt, kun je ook aangepaste CSS toevoegen met behulp van de WordPress Customizer. Ga gewoon naar Weergave » Aanpassen in het dashboard.
Pro tip: Als je de optie ‘Aanpassen’ niet ziet onder ‘Weergave’, volg dan onze handleiding over het openen van de ontbrekende thema-aanpasser in WordPress.
Klik in het linkermenu op ‘Aanvullende CSS’.
Je kunt vervolgens de aangepaste CSS in de kleine code-editor plakken.
Als je klaar bent, klik je eenvoudig op ‘Publiceren’.
Als je nu je website bezoekt, zie je je Gravatar met de nieuwe stijl.
Voor nog meer tips over het aanpassen van Gravatars op je site, bekijk je onze handleiding over het wijzigen van de Gravatar-afbeeldingsgrootte in WordPress.
Hoe je een aangepaste shortcode kunt toevoegen met behulp van de volledige site-editor
Als je een van de nieuwere blokgebaseerde thema’s gebruikt, kun je de shortcode toevoegen aan elk sjabloon of sjabloononderdeel. Hiermee kun je de Gravatar van de gebruiker op je hele website tonen zonder de sjabloonbestanden te bewerken.
Je kunt bijvoorbeeld de shortcode toevoegen aan het blogsjabloon of de koptekst van je site.
Ga om te beginnen naar Weergave » Editor in het WordPress-dashboard.
Standaard toont de volledige site-editor het thuissjabloon van je thema, maar je kunt shortcodes toevoegen aan elk sjabloon of sjabloononderdeel, zoals de koptekst of de voettekst.
Om alle beschikbare opties te zien, selecteer je eenvoudigweg ‘Sjablonen’ of ‘Sjabloononderdelen’.
Je kunt nu klikken op het sjabloon of sjabloononderdeel dat je wilt bewerken.
Als voorbeeld voegen we de shortcode toe aan het 404-paginasjabloon, maar de stappen zijn hetzelfde, ongeacht welk sjabloon je selecteert.
WordPress toont nu een voorbeeld van het sjabloon of sjabloononderdeel.
Om de shortcode toe te voegen, klik je op het kleine potloodpictogram.
Klik vervolgens op het blauwe ‘+’-pictogram in de linkerbovenhoek.
Typ in de zoekbalk ‘Shortcode’ in.
Wanneer het juiste blok verschijnt, sleep je het naar het themasjabloon.
Je kunt nu de [wpb_gravatar] shortcode in dit blok plakken of typen.
Klik daarna op de ‘Opslaan’-knop.
Nu hoef je alleen nog maar je WordPress-blog te bezoeken om de Gravatar in actie te zien.
Over het Redactieteam
Als we Gravatars op meerdere plaatsen op onze website hebben toegevoegd, is het een goed idee om die Gravatars in WordPress-comments langzaam te laden.
Dit komt omdat de meeste Gravatars worden weergegeven in het gedeelte met opmerkingen en de snelheid van je site kan vertragen, vooral op artikelen met veel opmerkingen.
Om Gravatars langzaam te laden, hoef je alleen maar de a3 Lazy Load-plugin te installeren en te activeren. Voor meer informatie, bekijk onze beginnershandleiding over hoe je een WordPress-plugin installeert.
Na activering ga je naar het tabblad ‘Lazy Load Images’ op de pagina Instellingen » a3 Lazy Load in het WordPress-dashboard.
Schakel vervolgens eenvoudig de schakelaar naast de optie ‘Gravatars’ in naar ‘Aan’. Klik daarna op de knop ‘Instellingen opslaan’ om je instellingen op te slaan.
Nu worden alle Gravatars in je auteurbiografieën en opmerkingen langzaam geladen om de prestaties van de site te verbeteren. Voor meer instructies, zie onze tutorial over het langzaam laden van Gravatars in WordPress-comments.
We hopen dat dit artikel je heeft geholpen te leren hoe je Gravatar van gebruikers-e-mails op je WordPress-site kunt weergeven. Misschien wil je ook onze tutorial bekijken over hoe je gebruikers kunt laten weten wanneer hun opmerking is goedgekeurd in WordPress en onze gids over het toevoegen van snelkoppelingen in WordPress-opmerkingsformulieren.
Als je dit artikel leuk vond, abonneer je dan op ons YouTube-kanaal voor WordPress-video-tutorials. Je kunt ons ook vinden op Twitter en Facebook.
– Hoe je in 2024 een podcast kunt starten (en succesvol kunt maken)
– 13 dingen die je MOET doen voordat je WordPress-thema’s wijzigt
– Onthuld: waarom het vandaag de dag zo belangrijk is om een e-maillijst op te bouwen (6 redenen)
– Hoe je Google Analytics installeert in WordPress voor beginners
Hoe je in 2024 een podcast kunt starten (en succesvol kunt maken)
13 dingen die je MOET doen voordat je WordPress-thema’s wijzigt
Onthuld: waarom het vandaag de dag zo belangrijk is om een e-maillijst op te bouwen (6 redenen)
Hoe je Google Analytics installeert in WordPress voor beginners
Openbaarmaking: Onze inhoud wordt ondersteund door lezers. Dit betekent dat als je op sommige van onze links klikt, we mogelijk een commissie verdienen. Bekijk hoe WPBeginner wordt gefinancierd, waarom het belangrijk is en hoe je ons kunt ondersteunen. Hier is ons redactioneel proces.
Lezersinteracties
Wij zijn een team van WordPress experts met meer dan 16 jaar ervaring in WordPress, webhosting, eCommerce, SEO en marketing. Ons team wordt geleid door Syed Balkhi. Sinds 2009 zijn wij actief en inmiddels zijn wij uitgegroeid tot de grootste gratis WordPress-website in de branche. Veel mensen noemen ons ook wel de Wikipedia voor WordPress.
Ontvang GRATIS toegang tot onze toolkit – een verzameling van producten en bronnen die elke professional zou moeten hebben op het gebied van WordPress.
Laat een reactie achterAnnuleer reactie
We waarderen de uitgebreide gids echt, vooral de bonussectie over het vertraagd laden van Gravatars. Laten we het nu meteen uitproberen! Bedankt WPBeginner-team!
Hoe toon je een standaardavatar als de gebruiker geen account heeft aangemaakt op Gravatar of geen Gravatar-profiel heeft gekozen? Hopelijk kunnen jullie ons helpen!
Voor het beheren van de standaard Gravatar kun je kijken naar ons artikel hier: [link verwijderd]
Deze post is echt nuttig voor ons.
Hoe toon je de STANDAARD Gravatar-afbeelding als de gebruiker geen Gravatar-afbeelding heeft? Bedankt.
Ik vraag me af of ik de afbeelding van ‘gravatar.com/avatar/’ kan vervangen door mijn eigen ‘…mijn domein…/afbeeldingen/avatar.jpg’. Ik heb een simpele vervanging geprobeerd, maar het lijkt niet te werken. Iemand suggesties?
Kijk alsjeblieft naar deze handleiding over hoe je aangepaste avatars kunt instellen voor gebruikers in WordPress: [link verwijderd]
Hallo! Is er een manier om in plaats van Gravatar, de Facebook-avatar van mijn leden te gebruiken met een shortcode?!
Zorg er ook voor dat je strtolower() gebruikt op het e-mailadres voordat je het md5’t!
WordPress heeft een get_avatar() functie. Gebruik deze in plaats daarvan.
Belangrijkste zijbalk
Bedankt dat je ervoor hebt gekozen om een reactie achter te laten. Bedenk alsjeblieft dat we alle reacties modereren volgens ons reactiebeleid en dat je e-mailadres NIET gepubliceerd zal worden. Gebruik alsjeblieft GEEN zoekwoorden in het naamveld. Laten we een persoonlijk en betekenisvol gesprek hebben.
Naam*
E-mail*
Reactie*
Geen nieuwe reacties ontvangenAlle nieuwe reactiesAntwoorden op mijn reactiesMeld mij aan voor de nieuwsbrief.
Website koppelingen
Ontvang verse inhoud van WPBeginner
Het Ultieme WordPress Toolkit
Ontvang GRATIS toegang tot onze toolkit – een verzameling van WordPress gerelateerde producten en bronnen die elke professional zou moeten hebben!
– Hoe je het WordPress Nav Menu onder de Admin Bar kunt oplossen
– White Labeling Ecommerce uitgelegd voor beginners
– Maak kennis met OnePageGA: Google Analytics Rapporten Gemaakt Makkelijk
– Hoe je WordPress Admin Iconen kunt toevoegen of veranderen (2 eenvoudige methodes)
– 110+ Nonprofit Marketing Statistieken en Inzichten die je zou moeten weten
– 30 “Bewezen” manieren om geld te verdienen met bloggen via WordPress
– Hoeveel kost het echt om een WordPress website te bouwen?
– Gratis Opname: WordPress Workshop voor Beginners
– Welke is de Beste WordPress Popup Plugin? (Vergelijking)
– 5 Beste WordPress Ecommerce Plugins Vergeleken
– Hoe je op de JUISTE MANIER een E-mail Nieuwsbrief maakt (Stap voor Stap)
– Hoe je je Blog op de Juiste Manier verplaatst van WordPress.com naar WordPress.org
– Hoe je WordPress op de Juiste Manier verplaatst naar een nieuw domein zonder verlies van SEO
– Hoe je op de Juiste Manier overschakelt van Blogger naar WordPress zonder verlies van rankings
– Hoe je op de Juiste Manier overschakelt van Wix naar WordPress (Stap voor Stap)
– Hoe je op de Juiste Manier overschakelt van Squarespace naar WordPress
– Hoe je WordPress verplaatst naar een nieuwe host of server zonder downtime
– Beste WooCommerce Hosting (Vergelijking)
– De Waarheid over Shared WordPress Webhosting
– Wanneer heb je echt Managed WordPress Hosting nodig?
– HostGator Beoordeling – Een Eerlijke Blik op Snelheid & Beschikbaarheid
– SiteGround Beoordelingen van 4.975 Gebruikers & Onze Experts
– Bluehost Beoordeling van Echte Gebruikers + Prestatie Statistieken
– Waarom je meteen moet beginnen met het opbouwen van een E-maillijst
– Waarom is WordPress Gratis? Wat zijn de Kosten? Wat is de Vangst?
– Wat is het Verschil tussen Domeinnaam en Webhosting (Uitgelegd)
– WordPress.com vs WordPress.org – Wat is Beter? (Vergelijkingsgrafiek)
– Hoe je WordPress op de Juiste Manier verplaatst van HTTP naar HTTPS (Beginnersgids)
– Hoe je een Website programmeert (Complete Beginnersgids)
Gratis Hulpmiddelen
– Over ons
– Onze redactionele normen
– Maak kennis met ons beoordelingsteam
– Pers- en merkmiddelen
– Neem contact met ons op
– Privacybeleid
– Gebruiksvoorwaarden
– FTC-openbaarmaking
– Gratis bloginstallatie
– Groeifonds
Bronnen voor WordPress-gebruikers
Welkom bij onze website! Hier vind je allerlei handige tools en generatoren die je kunnen helpen bij het runnen van je bedrijf en het optimaliseren van je website.
Ben je op zoek naar een naam voor je nieuwe bedrijf? Gebruik dan onze Business Name Generator om inspiratie op te doen. Voer gewoon enkele relevante woorden in en wij genereren een lijst met mogelijke namen voor jou.
Wil je weten welk WordPress-thema een bepaalde website gebruikt? Maak gebruik van onze WordPress Theme Detector. Voer eenvoudig de URL van de website in en wij laten je zien welk thema er wordt gebruikt.
Voor het optimaliseren van je website is het belangrijk om de juiste zoekwoorden te gebruiken. Onze SEO Keyword Generator helpt je hierbij. Vul een onderwerp in en wij genereren relevante zoekwoorden die je kunt gebruiken om je website te optimaliseren.
Een goede kop is essentieel voor het aantrekken van lezers. Gebruik onze Headline Analyzer om te zien hoe effectief jouw kop is. Voer je kop in en wij geven je feedback en suggesties om je kop te verbeteren.
Wil je weten hoe goed je website is geoptimaliseerd voor zoekmachines? Gebruik dan onze Website SEO Analyzer. Voer eenvoudig de URL van je website in en wij controleren verschillende aspecten van je website, zoals snelheid, meta-tags en mobiele compatibiliteit.
Een professionele e-mailhandtekening kan een goede indruk maken op je klanten. Maak gebruik van onze Email Signature Generator om een gepersonaliseerde e-mailhandtekening te maken. Voer eenvoudig je gegevens in en wij genereren een professionele handtekening voor jou.
Tot slot bieden we meer dan 27 gratis zakelijke tools aan die je kunnen helpen bij het beheren en laten groeien van je bedrijf. Van facturering tot projectmanagement, we hebben tools voor allerlei zakelijke behoeften.
Kortom, onze website biedt een breed scala aan handige tools en generatoren om je te helpen bij het runnen van je bedrijf. Probeer ze vandaag nog uit!
Onze Merken
– Cursussen voor jou over WordPress
– Woordenboek van WordPress
– Recensies van WordPress-producten
– Aanbiedingen voor WordPress
– SEO voor jouw WordPress-website
– Beveiliging voor jouw WordPress-website