Voeg je eigen standaard avatar toe

WordPress ondersteunt het gebruik van avatars. Kleine, aan e-mailadressen, gekoppelde afbeeldingen.

Heeft een gebruiker, of iemand die reageert, een avatar aan zijn e-mailadres gekoppeld via gravatar.com, dan verschijnt deze automatisch bij de reacties van deze persoon.

Een gravatar is niets anders dan een avatar via gravatar.com.

Bij e-mailadressen zonder gravatar gebruikt WordPress de standaard avatar zoals ingesteld via de Reactie Instellingen. Gewoonlijk is dat een silhouet van een niet nader geïdentificeerd mens. Daarom wordt deze ook wel een ‘Mysterieuze persoon’ genoemd.

WordPress biedt je een keuze uit zeven avatars. Ik weet niet hoe het me jou is, maar mij spreken ze eigenlijk geen van alle aan.

Gelukkig kun je jouw eigen avatar toevoegen. Daarvoor moet je drie dingen doen:

1. plaats een afbeelding in .png of .jpg formaat in de images folder van je kindthema
2. voeg enkele regels code toe aan de functions.php van dit kindthema
3. ga naar de Reactie Instellingen en selecteer de nieuwe avatar

Dat is het. Laten we deze stappen verder uitdiepen.

Avatar uploaden

In principe kun je elke afbeelding in PNG of JPG formaat gebruiken. Tenzij jouw thema hele grote avatars vereist, is een grootte van 32×32 pixels vaak al voldoende.

Groter mag, maar maak ze liever niet groter dan 90x90px. Een grote afbeelding vergt nu eenmaal meer bandbreedte dan een kleine. En vooral voor mobiele gebruikers is bandbreedte nog vaak een schaars goed.

Hier op Webpoli wordt de favicon als avatar gebruikt. Dit is een .png-afbeelding van 32 bij 32 pixels.

Noem die afbeelding avatar.png. Gebruik je een andere naam, of is de avatar in JPG formaat, vervang dan ‘avatar.png’ in de code hieronder door de correcte naam. Houd het bij één woord en vermijd spaties.

Functions.php aanpassen

Stap twee is niet moeilijk, maar wel een beetje tricky. Een teken teveel of te weinig maakt een wereld van verschil. Zelfs als dat teken een punt of een puntkomma is.

Het is een goede zaak als je altijd een up-to-date versie van je thema onder hand bereik hebt. Evenals een recente back-up.

Plak de volgende code onderaan in de functions.php van je kindthema:

// Webpoli Avatar
function webpoli_avatar ($avatar_defaults) {
     $myavatar = get_bloginfo( 'stylesheet_directory' ) . '/images/avatar.png';
     $avatar_defaults[$myavatar] = "Webpoli Avatar";
     return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'webpoli_avatar' );

Zie je helemaal onderaan in de functions.php ?> staan, plak de code dan boven die PHP sluittag.

Functioneert om wat voor reden dan ook het thema niet meer, haal dan gewoon de code weer weg.

Op regel 4 mag je natuurlijk ook ‘Webpoli Avatar’ vervangen door een naam van jouw keuze. Hier mag je wel spaties gebruiken.

Nieuwe avatar selecteren

Is alles goed gegaan, dan is de nieuwe avatar nu toegevoegd aan het lijstje met de zeven standaard avatars.

Selecteer de nieuwe avatar. Klik hiervoor op de radioknop voor die avatar. Tenslotte druk je op de knop [Wijzigingen opslaan], helemaal onderaan op de pagina. Klaar is kees.

Je kunt dit ook alles voorbereiden op een lokale WordPress installatie. Alleen zal de avatar dan niet zichtbaar zijn. Wel straks op het internet.

Op een lokale installatie zie je uiteraard wel de radioknop en de naam van jouw avatar. Alleen de afbeelding zelf zal ontbreken.

Jij ook?

Er bestaat natuurlijk ook een plugin waarmee je jouw eigen avatar kunt toevoegen. Helaas is deze al drie jaar niet bijgewerkt. Het gebruik van deze plugin wil ik daarom ook afraden.

Heb dit geprobeerd? Is het gelukt?

Je kunt hieronder trouwens de nieuwe standaard avatar van Webpoli testen 😉 .