Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Hur man visar rund gravatar-bild i WordPress
Vi visade nyligen hur du designar en kommentarslayout och hur du designar din kommentarsmall. En av våra användare mailade oss och frågade: Hur gör du dina gravatarbilder runda? Förvarar du gravatarbilderna lokalt så att de är runda? I den här artikeln kommer vi att visa dig hur du visar cirkulära gravatarbilder i WordPress. Vi kommer att använda egenskapen CSS3 border-radius för att skapa en rundad gravatarbild.
Det första du bör göra är att redigera ditt temas style.css-fil. Du kan göra detta med hjälp av ett FTP-program eller genom att gå till Utseende »Redigering i din WordPress-administratör. Därefter vill du lägga till följande kod till din CSS-fil:
.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
Detta kommer att fungera i de flesta WordPress-teman. Men om detta inte fungerar på ditt tema kan det finnas någon plugin eller funktion i ditt tema som stör standardklasserna som används för beskattning i WordPress. För att veta gravatarbilden av css-klassen som används i ditt tema måste du öppna ett blogginlägg med kommentarer. Scrolla ner till kommentarsektionen och högerklicka på gravatarbilden för att välja Inspektera element. Det kommer att visa dig källkoden för din gravatar, så här:
Om gravatarbilden har mer Avatar använd den då istället för .Avatar i ovanstående css-kod.
Vi hoppas att den här artikeln hjälpte dig att visa cirkulära gravatarbilder på din WordPress-blogg. Vänligen meddela oss om du har några frågor eller kommentarer genom att lämna en kommentar nedan.
