Cum se afișează imaginile rotunde Gravatar în WordPress

Recent, v-am arătat cum să stilizați aspectul comentariilor dvs. și cum să vă stilizați formularul de comentarii. Unul dintre utilizatorii noștri ne-a trimis prin e-mail și ne-a întrebat "cum ați făcut imaginile gravatar? În acest articol, vă vom arăta cum să afișați imagini gravart rotunde în WordPress. Vom folosi proprietatea razei de frontieră a CSS3 pentru a crea imagini gravart circulare.

Primul lucru pe care trebuie să-l faceți este să editați fișierul style.css al temei. Puteți face acest lucru utilizând un program FTP sau mergând la Aspect »Editor în administratorul WordPress. Apoi, doriți să adăugați următorul cod în fișierul CSS:

 .avatar granița-rază: 50%; -moz-raza de graniță: 50%; -webkit-border-radius: 50%;  

Acest lucru ar trebui să funcționeze pe cele mai multe teme WordPress. Cu toate acestea, în cazul în care acest lucru nu funcționează pe tema dvs., atunci există probabil un plug-in sau tema funcția messing cu clasele implicite folosite pentru gravatar în WordPress. În scopul de a afla care sunt css gradient css imagini sunt folosite în tema dvs., aveți nevoie pentru a deschide o postare de blog care are comentarii. Derulați în jos până la secțiunea de comentarii și faceți clic dreapta pe imaginea gravatar pentru a selecta Inspect Element. Acesta vă va arăta codul sursă pentru gravatar, după cum urmează:

Dacă imaginea gravatar are altceva decât Avatar apoi utilizați în loc de .Avatar în codul css de mai sus.

Sperăm că acest articol v-a ajutat să afișați imagini gravart rotunde pe blogul dvs. WordPress. Spuneți-ne dacă aveți întrebări sau reacții, lăsând un comentariu mai jos.