Hvordan vise runde Gravatar bilder i WordPress

Nylig viste vi deg hvordan du stiler inn kommentaroppsettet ditt og hvordan du stiler kommentarskjemaet ditt. En av våre brukere sendte oss en e-post og spurte "hvordan gjorde du gravatar bilder rundt? Lagrer du gravatarbilder lokalt for å få dem til å runde? "I denne artikkelen vil vi vise deg hvordan du viser runde gravatarbilder i WordPress. Vi vil bruke grense-radiusegenskapen til CSS3 for å lage sirkulære gravatarbilder.

Første du må gjøre er å redigere temaets style.css-fil. Du kan gjøre dette ved å bruke et FTP-program eller ved å gå til Utseende »Editor i din WordPress admin. Deretter vil du legge til følgende kode i CSS-filen din:

 .avatar border-radius: 50%; -moz-grense-radius: 50%; -webkit-grense-radius: 50%;  

Dette bør fungere på de fleste WordPress-temaer. Men hvis dette ikke virker på temaet ditt, så er det sannsynligvis noen plugin eller temafunksjonen som er bra med standardklassene som brukes til gravatar i WordPress. For å finne ut hvilke css klass gravatar bilder bruker i temaet ditt, må du åpne et blogginnlegg som har kommentarer. Bla ned til kommentarseksjonen, og høyreklikk på gravatarbildet for å velge Inspect Element. Det vil vise deg kildekoden for gravatar, slik:

Hvis gravatarbildet har noe annet enn avatar bruk deretter det i stedet for .avatar i den ovennevnte css-koden.

Vi håper at denne artikkelen hjalp deg med å vise runde gravatarbilder på WordPress-bloggen din. Gi oss beskjed hvis du har spørsmål eller tilbakemelding ved å legge igjen en kommentar nedenfor.