Recent, unul dintre cititorii noștri ne-a întrebat dacă este posibil să schimbăm dimensiunea imaginii Gravatar. Raspunsul este da. În acest tutorial, vă vom arăta cum să modificați dimensiunea imaginii Gravatar pe WordPress.

schimbarea-of-the-size-DiMAGE-Gravatar-on-WordPress

Gravatar este un avatar recunoscut la nivel mondial care leagă adresa de e-mail a unui utilizator de o imagine. Aplicațiile populare precum WordPress și altele o folosesc pentru a afișa fotografia utilizatorului pe un site.

cele mai multe Teme WordPress în mod implicit adăugați un Gravatar lângă fiecare comentariu al utilizatorului. Unii îl folosesc chiar și pentru biografia autorului.

Să aruncăm o privire la modul în care puteți modifica dimensiunea imaginii Gravatar pe site-ul dvs. WordPress.

Remarque: Deoarece dimensiunea imaginii Gravatar este definită de tema dvs., trebuie să modificați fișierele temei pentru a o schimba.

Cum de a modifica dimensiunea Gravatar pentru comentarii WordPress

Primul lucru pe care trebuie să-l faceți este să deschideți fișierul comments.php situat în folderul tematic.

Ar trebui să vă conectați la dvs site-ul web folosind un client FTP și apoi accesând directorul de teme, urmând o cale similară cu aceasta: " / Wp-content / teme / yourtheme / ".

Alternativ, dacă furnizorul dvscazare oferă un manager de fișiere, puteți edita acest fișier folosind interfața web din cPanel.

În fișierul Comments.php, trebuie să găsiți următorul cod: avatar_size »

Va fi în interiorul „ wp_list_comments Astfel:

'ol', 'short_ping' => adevărat, 'avatar_size' => 32,)); ?>

Schimbați doar dimensiunea pentru dimensiunile dorite. Gravatarurile sunt pătrate, deci valoarea setată va fi aceeași pentru lățime și înălțime.

Continuați și salvați modificările. Dacă utilizați un client FTP, va trebui să încărcați fișierul pe server. Acum deschideți un articol care are comentarii pentru a vedea dacă modificările dvs. au intrat în vigoare.

Dacă nu, probabil că CSS-ul temei dvs. este cauza. Cel mai bun mod de a verifica acest lucru este să utilizați „ Inspectați elementul ".

Doar faceți clic dreapta pe Gravatar-ul browserului dvs. și faceți clic pe Inspectare element.

inspectați-un element-on-WordPress

Trebuie să vă uitați la înălțimea și lățimea imaginii Gravatar pentru a vedea dacă se potrivește cu imaginea pe care ați definit-o.

Când treceți peste acesta, acestea vor evidenția, de asemenea, dimensiunile Gravatar reale și dimensiunile definite în atributele sale.

avatar-Gravatar-inspecție-of-cod

Veți observa că cele două sunt diferite. Aceasta înseamnă că fișierul style.css al temei dvs. este responsabil pentru dimensiunea implicită a imaginii. Multe teme, inclusiv tema implicită douăzeci și Șaisprezece utilizează CSS pentru a schimba dimensiunea imaginilor.

Trebuie să deschideți fișierul style.css din folderul tematic și să căutați avatar. Veți găsi probabil o clasă CSS: „.cum-autor .avatar Care conține un cod ca acesta:

.comment-author .avatar {înălțime: 42px; poziție: relativă; sus: 0.25em; lățime: 42px; }

Continuați și schimbați lățimea și înălțimea pentru a se potrivi cu valoarea setată anterior în fișierul Comments.php.

Asta e tot. Ați schimbat cu succes dimensiunea avatarului " Gravatar În comentariile dvs. WordPress.

Acum s-ar putea să vă întrebați, dacă este posibil să înlocuiți dimensiunea imaginii folosind CSS, atunci de ce să o faceți în fișierul comments.php?

Există două avantaje pentru a face acest lucru cu această metodă:

1 - Fără imagini neclare

Dacă doriți să redimensionați Gravatarul pe care WordPress îl oferă și să îl facă mai mare, realizarea lui de către CSS va face această imagine neclară.

2 - timpi de încărcare mai rapizi

Acum, dacă doriți să setați o dimensiune a imaginii mai mică decât cea implicită, de dragul optimizării, folosind cod CSS pentru a face imaginea mică nu va optimiza încărcarea imaginii.

Cu toate acestea, schimbând dimensiunea imaginilor în „ comments.php Puteți face imaginea mai mică, ceea ce poate optimiza încărcarea imaginilor.

Acest lucru este totul pentru acest tutorial, nu ezitați să împărtășiți acest tutorial cu prietenii de pe rețelele de socializare preferate.