Cum să schimbați dimensiunea imaginii Gravatar în WordPress

Dacă dorești să redimensionezi imaginile Gravatar de pe site-ul tău WordPress, ești în locul potrivit. Au existat ocazii în care a trebuit să redimensionăm dimensiuni personalizate de Gravatar pe site-uri WordPress la care lucram, dar metoda diferă în funcție de tema pe care o folosești.

Un Gravatar este o imagine folosită pentru a reprezenta un comentator sau autorul unei postări de blog. Teme WordPress afișează Gravatars la o dimensiune prestabilită, dar s-ar putea să preferați să le faceți mai mici sau mai mari pentru a se potrivi mai bine designului site-ului dvs. web.

În acest articol, vă vom arăta cum să schimbați dimensiunea imaginilor Gravatar în WordPress.

De ce să schimbați dimensiunea imaginii Gravatar în WordPress?

Gravatar este prescurtarea de la Globally Recognized Avatar. Este un serviciu web care vă permite să creați un profil și să asociați imagini de avatar cu adresa dvs. de email.

Majoritatea temelor WordPress afișează un Gravatar lângă comentariul utilizatorului. Unele teme afișează, de asemenea, un Gravatar în caseta bio a autorului.

Chiar dacă un utilizator nu are un cont Gravatar, site-ul dvs. va afișa în continuare unul dintre Gravatarele implicite WordPress.

Uneori, este posibil să doriți să modificați dimensiunea Gravatar-urilor temei dvs. De exemplu, este posibil să doriți să le faceți mai mari pentru a ieși în evidență, atrăgând atenția vizitatorului asupra secțiunii de comentarii a site-ului dvs..

Acestea fiind spuse, să vedem cum puteți schimba dimensiunea imaginii Gravatar personalizate pe site-ul dvs. WordPress. Pur și simplu utilizați linkurile rapide de mai jos pentru a sări la metoda pe care doriți să o utilizați:

• Metoda 1: Schimbați dimensiunea Gravatarului folosind Editorul Complet al Site-ului (Doar pentru teme bazate pe blocuri)
• Metoda 2: Schimbați dimensiunea Gravatar editând comments.php (Toate temele)
• Metoda 3: Schimbă dimensiunea Gravatar prin editarea fișierului style.css (Toate temele)
• Method 4: Change Gravatar Size for Author Bios With Code

Metoda 1: Schimbați dimensiunea Gravatarului folosind Editorul Complet al Site-ului (Doar pentru teme bazate pe blocuri)

Dacă utilizați o temă bazată pe blocuri, cum ar fi Twenty Twenty-Five, atunci puteți schimba dimensiunea implicită a Gravatar-ului WordPress folosind editorul complet al site-ului.

Această metodă nu funcționează cu toate temele, deci dacă nu utilizați o temă activată pentru blocuri, vă recomandăm să utilizați metoda 2 în schimb.

În tabloul de bord WordPress, accesați Aspect » Editor.

Veți ajunge acum la editorul complet al site-ului și veți vedea mai multe setări pentru a edita diverse părți ale site-ului dvs. WordPress.

Pentru a schimba dimensiunea implicită a avatarului pentru comentariile dvs. WordPress, faceți clic pe pictograma barei de căutare din partea de sus a panoului din stânga.

În acest moment, căutați doar partea de șablon Comentarii.

Faceți clic pe el odată ce l-ați găsit.

Pe pagina următoare, veți vedea informații despre partea de șablon Comentarii.

Pentru a edita partea de șablon a comentariilor, faceți clic pe butonul creion. Veți fi apoi direcționat către interfața de editare.

Acum puteți continua și faceți clic pe oricare dintre Gravatarele din previzualizarea live.

În meniul din dreapta, puteți selecta fila „Bloc” dacă nu este deja selectată.

Acum puteți mări sau micșora Gravatarele trăgând glisorul „Dimensiune imagine”.

Pe măsură ce glisați, toate Gravatar-urile se vor actualiza automat, astfel încât să puteți încerca diferite dimensiuni pentru a vedea ce arată cel mai bine.

În plus, nu ezitați să activați setarea „Link către profilul utilizatorului”. Când un utilizator face clic pe Gravatar, acesta va fi direcționat către pagina de profil a comentatorului de pe site-ul dvs.

Când sunteți mulțumit de noua dimensiune implicită a imaginii Gravatar, faceți clic pe butonul „Salvare”.

Acum, dacă vizitezi orice secțiune de comentarii de pe site-ul tău WordPress, vei vedea modificările în direct.

Metoda 2: Schimbați dimensiunea Gravatar editând comments.php (Toate temele)

Dacă nu utilizați o temă WordPress bazată pe blocuri, atunci puteți schimba dimensiunea imaginii de profil Gravatar pentru comentariile WordPress editând codul temei dvs.

Această metodă necesită editarea fișierelor temei, deci nu este cea mai prietenoasă opțiune pentru începători. Cu toate acestea, această metodă ar trebui să funcționeze pentru majoritatea temelor WordPress.

Mai întâi, va trebui să vă conectați la site-ul dvs. WordPress folosind un client FTP, cum ar fi FileZilla, sau puteți utiliza managerul de fișiere al găzduirii dvs. WordPress cPanel.

Dacă aceasta este prima dată când folosiți FTP, atunci puteți vedea ghidul nostru complet despre cum să vă conectați la site-ul dvs. folosind FTP.

Odată ce sunteți conectat, trebuie să accesați /wp-content/themes/ și să deschideți folderul temei dvs. WordPress curente.

Odată ajuns aici, deschide fișierul comments.php și caută o funcție wp_list_comments. În interiorul acestei funcții, vei găsiavatar_size, care setează dimensiunea Gravatar.

Iată un exemplu despre cum ar putea arăta acest lucru:

<?php
wp_list_comments(
    array(
        'avatar_size' => 60,
        'style'       => 'ol',
        'short_ping'  => true,
    )
);
?>

Puteți pur și simplu schimba avatar_size la dimensiunea pe care doriți să o utilizați. În fragmentul de cod de mai sus, acest lucru ar însemna schimbarea lui 60 cu un alt număr.

Gravatarele sunt pătrate, deci WordPress va folosi aceeași valoare pentru lățimea și înălțimea imaginii. Acest lucru înseamnă că trebuie să introduceți un singur număr.

După ce ați făcut această modificare, asigurați-vă că salvați și încărcați fișierul înapoi pe contul dvs. de găzduire WordPress. Când ați terminat, puteți vizita blogul dvs. WordPress pentru a vedea modificarea în acțiune.

Dacă imaginea Gravatar nu s-a schimbat, atunci ar putea fi din cauza cache-ului. Pentru a afla mai multe, te rugăm să vezi ghidul nostru despre cum să remediezi WordPress care nu se actualizează imediat.

Dacă Gravatarul tot nu se schimbă, atunci CSS-ul temei dvs. ar putea suprascrie setările din fișierul comments.php. În acest caz, trebuie să încercați următoarea metodă.

Metoda 3: Schimbă dimensiunea Gravatar prin editarea fișierului style.css (Toate temele)

Pentru a vedea dacă CSS-ul temei dvs. suprascrie fișierul comment.php, puteți utiliza instrumentul Inspect al browserului dvs. Pașii vor varia în funcție de browserul pe care îl utilizați, dar în Chrome, puteți pur și simplu să faceți clic dreapta sau Ctrl-clic pe Gravatar și apoi să selectați „Inspect”.

Aceasta va afișa codul HTML și CSS al paginii într-un panou nou.

În acest cod, trebuie să vă concentrați pe panoul de jos și să căutați clasa sau clasele CSS pentru avatarul autorului comentariului.

În exemplul nostru, acestea au fost .comment-author și .avatar și conțin proprietăți CSS pentru valorile înălțimii și lățimii Gravatarului. Știm acest lucru deoarece, atunci când trecem cu mouse-ul peste fragmentele de cod CSS, Gravatarul este evidențiat în previzualizare.

Iată cum arată codul în tema noastră. Rețineți că s-ar putea să arate diferit în tema dvs.:

.comment-author .avatar {
height: 42px;
position: relative;
top: .25em;
width: 42px;
}

Dacă dimensiunea Gravatar din codul CSS este diferită de cea specificată în fișierul comments.php, atunci acest lucru înseamnă că fișierul style.css al temei dvs. suprascrie modificările.

Pentru a edita fișierul style.css, trebuie să utilizați WPCode, care este un plugin pentru fragmente de cod ce facilitează inserarea de cod personalizat în tema dvs. Cu acesta, puteți edita fișierul style.css fără a-l accesa direct, reducând șansele de a face erori.

De asemenea, va trebui să păstrați deschisă fila în care aveți instrumentul de inspecție. Acest lucru vă va permite să copiați și să lipiți codul CSS pentru Gravatarul autorului comentariului în WPCode și să îl editați mai târziu.

Mai întâi, instalați WPCode pe site-ul dvs. WordPress. Puteți citi ghidul nostru despre cum să instalați un plugin WordPress pentru mai multe informații.

Apoi, accesați Code Snippets » + Add Snippet și selectați „Add Your Custom Code (New Snippet)”. Faceți clic pe butonul „+ Add Custom Snippet”.

Odată terminat, introduceți un nume pentru noul dvs. cod CSS. Poate fi ceva la fel de simplu ca „Schimbă dimensiunea Gravatarului”.

În ceea ce privește Tipul de cod, selectați „Fragment de cod CSS”.

Acum, copiați și lipiți fragmentele de cod CSS ale temei dvs. originale pentru dimensiunea Gravatar în caseta de previzualizare a codului.

Odată terminat, puteți schimba valorile înălțimii și lățimii din cod. În exemplul nostru, l-am schimbat la 50px. Asigurați-vă că dimensiunile înălțimii și lățimii sunt aceleași.

Odată terminat, derulează în jos la secțiunea Insert.

Asigurați-vă că este selectată metoda „Inserare automată”. În ceea ce privește Locația, alegeți pur și simplu „Subsolul întregului site”, astfel încât CSS-ul dvs. personalizat să poată suprascrie codul CSS existent.

După aceea, pur și simplu faceți clic pe comutatorul din colțul din dreapta sus pentru a face codul „Activ” și faceți clic pe „Salvare fragment”. Dacă vizitați blogul sau site-ul dvs. WordPress, veți vedea imaginile dvs. Gravatar actualizate.

Acum, recomandăm să încercați să modificați dimensiunea Gravatar în fișierul comments.php înainte de a utiliza metoda CSS mai ușoară.

În primul rând, CSS poate face uneori ca Gravatarele să pară neclare, mai ales dacă măriți avatarele mult mai mult decât imaginea originală.

În al doilea rând, schimbarea dimensiunii imaginii în comments.php ajută adesea site-ul dvs. să se încarce mai repede. Acest lucru se datorează faptului că browserul trebuie în continuare să descarce imaginea completă și apoi să folosească CSS pentru a o redimensiona pentru afișare. Acest lucru poate duce la o performanță mai lentă a site-ului web.

Metoda 4: Schimbă dimensiunea Gravatar pentru biografii de autor cu cod

Dacă administrați un site WordPress cu mai mulți autori, atunci o căsuță de autor poate ajuta cititorii să afle mai multe despre autorul postării.

Dacă doriți să adăugați această funcționalitate pe site-ul dvs., consultați ghidul nostru despre cum să adaugi o casetă cu informații despre autor în postările WordPress.

Multe biografii ale autorilor afișează Gravatarul scriitorului împreună cu biografia lor. Pentru a schimba dimensiunea implicită a Gravatarului în casetele de biografie ale autorului, trebuie să găsiți fișierul temei care adaugă biografia.

Pur și simplu conectați-vă la site-ul dvs. folosind un client FTP, cum ar fi FileZilla, sau managerul de fișiere al găzduirii dvs. WordPress. Odată conectat, accesați /wp-content/themes/ și deschideți folderul temei dvs. curente WordPress.

După aceea, trebuie să deschideți folderul template-parts.

Acum trebuie să găsiți fișierul care conține codul get_avatar . Veți găsi adesea acest cod într-un fișier de tip șablon numit author-bio.php, fișierul single.php, fișierul functions.php sau similar.

Iată un exemplu despre cum ar putea arăta acest cod:

<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>

În fragmentul de mai sus, poți schimba pur și simplu numărul 85 cu dimensiunea pe care dorești să o folosești.

În alte teme, codul poate arăta astfel:

get_avatar( get_the_author_meta( 'user_email' ), 85);

Puteți înlocui pur și simplu numărul cu valoarea pe care doriți să o utilizați pentru a face Gravatar mai mare sau mai mic.

După ce ați schimbat dimensiunea, nu uitați să salvați modificările. Puteți apoi vizita site-ul dvs. pentru a vedea noua căsuță de biografie a autorului în acțiune.

Dacă Gravatarele nu s-au modificat, atunci va trebui să căutați clasa avatar în fișierul style.css urmând același proces descris în Metoda 3. Odată ce găsiți această clasă, puteți crea un nou fragment WPCode și introduce noile valori pentru înălțimea și lățimea Gravatar.

Aflați mai multe modalități de a vă îmbunătăți secțiunea de comentarii

Doriți să duceți comentariile WordPress la nivelul următor? Consultați aceste ghiduri pentru a vă personaliza secțiunea de comentarii:

• Cum să limitați lungimea comentariilor în WordPress (Tutorial ușor)
• Cum să schimbi textul „Reply” în comentariile WordPress
• Cum să permiți utilizatorilor tăi să se aboneze la comentarii în WordPress
• Cum să paginăm comentariile în WordPress (Pas cu Pas)
• Cum să permiți utilizatorilor să aprecieze sau să dezaprecieze comentariile în WordPress
• Cum să eliminați câmpul URL al site-ului web din formularul de comentarii WordPress

Sperăm că acest tutorial v-a ajutat să învățați cum să schimbați dimensiunea imaginii Gravatar în WordPress. De asemenea, ați putea dori să învățați cum să stilizezi formularul de comentarii WordPress sau să consultați lista noastră cu cele mai bune pluginuri WordPress pentru comentarii.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.