Recentemente uno dei nostri lettori ci ha chiesto se è possibile modificare le dimensioni dell'immagine Gravatar. La risposta è si. In questo tutorial, ti mostreremo come modificare la dimensione dell'immagine Gravatar su WordPress.

cambiando-of-the-size-dimage-gravatar-on-wordpress

Gravatar è un avatar riconosciuto a livello mondiale che collega l'indirizzo email di un utente a un'immagine. App popolari come WordPress e altre lo utilizzano per visualizzare la foto dell'utente su un sito.

La maggior parte delle Temi WordPress per impostazione predefinita aggiungi un Gravatar accanto a ciascun commento dell'utente. Alcuni lo usano persino per la biografia dell'autore.

Diamo un'occhiata a come puoi cambiare la dimensione dell'immagine Gravatar sul tuo sito WordPress.

Nota: Poiché la dimensione dell'immagine Gravatar è definita dal tema, è necessario modificare i file del tema per cambiarlo.

Come ridimensionare Gravatar per i commenti di WordPress

La prima cosa che devi fare è aprire il file comments.php che si trova nella cartella del tema.

Dovresti accedere al tuo sito web utilizzando un client FTP e quindi accedendo alla directory del tema, seguendo un percorso simile a questo: " / Wp-content / themes / yourtheme / '.

In alternativa, se il tuo providersistemazione offre un file manager, puoi modificare questo file utilizzando l'interfaccia web nel tuo cPanel.

Nel file commenti.php, è necessario trovare il seguente codice: avatar_size Â»

SarĂ  all'interno del " wp_list_comments In questo modo:

'ol', 'short_ping' => true, 'avatar_size' => 32,)); ?>

Basta cambiare la dimensione per le dimensioni desiderate. I gravatars sono quadrati, quindi il valore impostato sarĂ  lo stesso per larghezza e altezza.

Vai avanti e salva le modifiche. Se stai usando un client FTP, dovrai caricare il tuo file sul server. Ora apri un articolo che contiene commenti per vedere se le tue modifiche hanno avuto effetto.

In caso contrario, probabilmente la causa è il CSS del tuo tema. Il modo migliore per verificarlo è utilizzare il " Ispeziona l'elemento '.

Basta fare clic con il pulsante destro del mouse sul Gravatar del browser e fare clic su Ispeziona elemento.

ispezionare-un-elemento-on-wordpress

Devi guardare l'altezza e la larghezza dell'immagine Gravatar per vedere se corrisponde all'immagine che hai definito.

Quando ci passi sopra, evidenzierĂ  anche le dimensioni Gravatar effettive e le dimensioni definite nei suoi attributi.

avatar-gravatar-ispezione-of-code

Noterai che i due sono diversi. CiĂ² significa che il file style.css del tuo tema è responsabile della dimensione dell'immagine predefinita. Molti temi incluso il tema predefinito venti Sedici usa i CSS per cambiare la dimensione delle immagini.

Devi aprire il file style.css nella cartella del tema e cercare avatar. Probabilmente troverai una classe CSS: ".come autore .avatar Che contiene un codice come questo:

.comment-author .avatar {height: 42px; posizione: relativa; in alto: 0.25em; larghezza: 42px; }

Vai avanti e modifica la larghezza e l'altezza in modo che corrispondano al valore precedentemente impostato nel file commenti.php.

Ăˆ tutto. Hai modificato con successo le dimensioni dell'avatar " Gravatar Nei tuoi commenti WordPress.

Ora ti starai chiedendo, se è possibile sovrascrivere la dimensione dell'immagine usando CSS, perché farlo nel file comments.php?

Esistono due vantaggi nel fare questo con questo metodo:

1 - Nessuna immagine sfocata

Se si desidera ridimensionare le proposte Gravatar WordPress e renderlo piĂ¹ grande, fare da CSS renderĂ  questa immagine sfocata.

2- tempo di caricamento piĂ¹ veloce

Ora, se si desidera impostare una dimensione dell'immagine inferiore a quella predefinita, per motivi di ottimizzazione, l'uso del codice CSS per rendere l'immagine piccola non ottimizzerĂ  il caricamento dell'immagine.

Tuttavia, modificando la dimensione delle immagini in " comments.php Ăˆ possibile ridurre l'immagine, in modo da ottimizzare il caricamento delle immagini.

Questo è tutto per questo tutorial, sentiti libero di condividere questo tutorial con i tuoi amici sui tuoi social network preferiti.