Nyligen frågade en av våra läsare oss om det är möjligt att ändra storleken på Gravatar-bilden. Svaret är ja. I den här handledningen kommer vi att visa dig hur du ändrar bildstorleken på Gravatar på WordPress.
Gravatar är en globalt erkänd avatar som länkar en användares e-postadress till en bild. Populära appar som WordPress och andra använder det för att visa användarens foto på en webbplats.
Mest WordPress-teman som standard lägg till en Gravatar bredvid varje användarkommentar. Vissa använder det till och med för författarens bio.
Låt oss ta en titt på hur du kan ändra bildstorleken på Gravatar på din WordPress-webbplats.
Anm: Eftersom storleken på Gravatar-bilden definieras av ditt tema, måste du ändra filerna i ditt tema för att ändra det.
Så här ändrar du Gravatar-storleken för WordPress-kommentarer
Det första du behöver göra är att öppna comments.php-filen i din temamapp.
Du skulle behöva logga in på din webbplats använda en FTP-klient och sedan komma åt din temakatalog, följa en sökväg som liknar denna: " / Wp-content / themes / yourtheme / ".
Alternativt om din leverantörlogi erbjuder en filhanterare kan du redigera den här filen med hjälp av webbgränssnittet i din cPanel.
I filen comments.php måste du hitta följande kod: avatar_size »
Det kommer att vara inne i " wp_list_comments Gilla detta:
'ol', 'short_ping' => sant, 'avatar_size' => 32,)); ?>
Ändra bara storleken för de mått du vill ha. Gravatarerna är kvadratiska, så värdet är inställt på bredd och höjd.
Fortsätt och spara dina ändringar. Om du använder en FTP-klient måste du ladda upp din fil till servern. Öppna nu en artikel som har kommentarer för att se om dina ändringar har trätt i kraft.
Om inte, är förmodligen ditt temas CSS orsaken. Det bästa sättet att kontrollera detta är att använda " Inspektera elementet ".
Högerklicka bara på webbläsarens Gravatar och klicka på Inspektera objekt.
Du måste titta på höjden och bredden på Gravatar-bilden för att se om den matchar bilden du definierade.
När du håller muspekaren över den kommer den också att markera de verkliga Gravatar-dimensionerna och de dimensioner som definieras i dess attribut.
Du kommer att märka att de två är olika. Det betyder att ditt temas style.css-fil är ansvarig för standardbildstorleken. Många teman inklusive standardtema tjugo sexton använder CSS för att ändra bildens storlek.
Du måste öppna filen style.css i din temamapp och söka efter avatar. Du hittar förmodligen en CSS-klass: “.how-author .avatar Som innehåller en kod som denna:
.kommentarförfattare .avatar {höjd: 42px; position: relativ; topp: 0.25 em; bredd: 42px; }
Gå vidare och ändra bredd och höjd så att den matchar värdet som tidigare ställts in i filen comments.php.
Det är allt. Du har ändrat storleken på avataren " gravatar I dina WordPress-kommentarer.
Nu kanske du undrar, om det är möjligt att åsidosätta bildstorlek med css, varför gör du det i comments.php-filen?
Det finns två fördelar med att göra detta med den här metoden:
1 - Inga suddiga bilder
Om du vill ändra storlek på Gravatar som WordPress erbjuder och gör det större, gör det av CSS att bilden blir suddig.
2-snabbare laddningstider
Om du nu vill ställa in en mindre bildstorlek än standardstorleken, för optimeringens skull, optimerar du inte bilden genom att använda CSS-kod för att göra bilden liten.
Men genom att ändra storleken på bilderna till " comments.php Du kan göra bilden mindre, vilket kan optimera inläsningen av bilder.
Det här är allt för den här tutorialen, dela gärna den här tutorialen med dina vänner på dina favorit sociala nätverk.
