Hur man visar Round Gravatar Images i WordPress

Nyligen visade vi dig hur du utformar din kommentarlayout och hur du skriver in din kommentarform. En av våra användare mailade oss och frågade "hur gjorde du dina gravatar bilder runt? Lagrar du gravatar bilder lokalt för att få dem att vara runda? "I den här artikeln kommer vi att visa dig hur du visar runda gravatar bilder i WordPress. Vi kommer att använda egenskapen CSS3 för gränsradien för att skapa cirkulära gravatarbilder.

Det första du behöver göra är att redigera ditt temas stil.css-fil. Du kan göra detta genom att använda ett FTP-program eller genom att gå till Utseende »Redaktör i din WordPress admin. Därefter vill du lägga till följande kod i din CSS-fil:

 .avatar border-radius: 50%; -moz-gränsen-radien: 50%; -webkit-gräns-radie: 50%;  

Detta borde fungera på de flesta WordPress-teman. Men om det inte fungerar på ditt tema, så finns det förmodligen lite plugin eller ditt temafunktion med standardklasserna som används för gravatar i WordPress. För att ta reda på vilka css klass gravatar bilder som används i ditt tema måste du öppna ett blogginlägg som har kommentarer. Bläddra ner till kommentarfältet och högerklicka på gravatarbilden för att välja Inspect Element. Det kommer visa dig källkoden för din gravatar, så här:

Om gravatarbilden har något annat än avatar använd sedan det istället för .avatar i ovanstående css-kod.

Vi hoppas att den här artikeln hjälpte dig att visa runda gravatarbilder på din WordPress-blogg. Låt oss veta om du har några frågor eller feedback genom att lämna en kommentar nedan.