Onlangs vroeg een van onze lezers ons of het mogelijk is om de grootte van de Gravatar-afbeelding te wijzigen. Het antwoord is ja. In deze tutorial laten we u zien hoe u de afbeeldingsgrootte van Gravatar op WordPress kunt wijzigen.
Gravatar is een wereldwijd erkende avatar die het e-mailadres van een gebruiker aan een afbeelding koppelt. Populaire apps zoals WordPress en anderen gebruiken het om de foto van een gebruiker op een site weer te geven.
Meest WordPress-thema's voeg standaard een Gravatar toe naast elke gebruikersopmerking. Sommigen gebruiken het zelfs voor de auteursbio.
Laten we eens kijken hoe u de afbeeldingsgrootte van Gravatar op uw WordPress-site kunt wijzigen.
Remarque: Omdat de grootte van de Gravatar-afbeelding wordt bepaald door uw thema, moet u de bestanden van uw thema wijzigen om het te wijzigen.
Hoe de grootte van Gravatar voor WordPress-reacties veranderen
Het eerste dat u hoeft te doen, is het bestand comments.php openen dat zich in uw themamap bevindt.
U moet inloggen op uw Site web met behulp van een FTP-client en vervolgens toegang tot uw themamap, een pad volgen dat lijkt op dit: " / Wp-content / themes / uw_thema / .
Als alternatief, als uw leverancieraccommodatie biedt een bestandsbeheerder, u kunt dit bestand bewerken via de webinterface in uw cPanel.
In het bestand comments.php moet u de volgende code vinden: avatar_size »
Het zal in de " wp_list_comments Zoals deze:
'ol', 'short_ping' => true, 'avatar_size' => 32,)); ?>
Wijzig gewoon de grootte voor de gewenste afmetingen. Gravatars zijn vierkant, dus de ingestelde waarde is hetzelfde voor breedte en hoogte.
Ga je gang en sla je wijzigingen op. Als u een FTP-client gebruikt, moet u uw bestand naar de server uploaden. Open nu een artikel met opmerkingen om te zien of uw wijzigingen zijn doorgevoerd.
Zo niet, dan is waarschijnlijk de CSS van uw thema de oorzaak. De beste manier om dit te controleren, is door de " Inspecteer het element .
Klik met de rechtermuisknop op de Gravatar van uw browser en klik op Item inspecteren.
U moet naar de hoogte en breedte van de Gravatar-afbeelding kijken om te zien of deze overeenkomt met de afbeelding die u hebt gedefinieerd.
Wanneer u erover zweeft, worden ook de werkelijke Gravatar-dimensies en de dimensies die in de kenmerken zijn gedefinieerd, gemarkeerd.
U zult merken dat de twee verschillend zijn. Dit betekent dat het style.css-bestand van uw thema verantwoordelijk is voor de standaard afbeeldingsgrootte. Veel thema's, waaronder het standaardthema Twintig zestien gebruikt CSS om de grootte van de afbeeldingen te wijzigen.
U moet het bestand style.css in uw themamap openen en naar avatar zoeken. U zult waarschijnlijk een CSS-klasse vinden: “.how-author .avatar Die een code als deze bevat:
.comment-auteur .avatar {hoogte: 42px; positie: relatief; boven: 0.25em; breedte: 42px; }
Ga je gang en wijzig de breedte en hoogte zodat deze overeenkomen met de eerder ingestelde waarde in het bestand comments.php.
Dat is alles. Je hebt met succes de grootte van de avatar gewijzigd " Gravatar In uw WordPress-opmerkingen.
Nu vraag je je misschien af, als het mogelijk is om de afbeeldingsgrootte te overschrijven met behulp van CSS, waarom zou je dat dan doen in het comments.php-bestand?
Er zijn twee voordelen om dit met deze methode te doen:
1 - Geen wazige afbeeldingen
Als u de Gravatar wilt aanpassen die WordPress aanbiedt en groter maakt, zal het door CSS worden vervaagd.
2-Snellere laadtijden
Als u nu een kleinere afbeeldingsgrootte wilt instellen dan de standaardgrootte, wordt het laden van de afbeelding niet geoptimaliseerd door CSS-code te gebruiken om de afbeelding klein te maken.
Maar door de grootte van de afbeeldingen te wijzigen in " comments.php U kunt de afbeelding kleiner maken, waardoor het laden van afbeeldingen kan worden geoptimaliseerd.
Dat is alles voor deze tutorial, voel je vrij om deze tutorial te delen met je vrienden op je favoriete sociale netwerken.
