Come visualizzare le immagini rotonde di Gravatar in WordPress

Di recente ti abbiamo mostrato come personalizzare il layout dei commenti e come modellare il tuo modulo di commento. Uno dei nostri utenti ci ha inviato un'email e ci ha chiesto "come hai realizzato le tue immagini gravatar? Stai memorizzando localmente immagini gravatar per farle girare? "In questo articolo, ti mostreremo come visualizzare le immagini gravatar rotonde in WordPress. Useremo la proprietà border-radius del CSS3 per creare immagini circolari di gravatar.

La prima cosa che devi fare è modificare il file style.css del tuo tema. Puoi farlo usando un programma FTP o andando a Aspetto »Editor nel tuo amministratore di WordPress. Successivamente, si desidera aggiungere il seguente codice nel file CSS:

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

Questo dovrebbe funzionare sulla maggior parte dei temi WordPress. Tuttavia, se questo non funziona sul tuo tema, allora probabilmente c'è qualche plugin o la tua funzione a tema che incasina le classi predefinite usate per gravatar in WordPress. Per scoprire quali immagini gravatar della classe css stai usando nel tuo tema, devi aprire un post sul blog che contiene commenti. Scorri verso il basso fino alla sezione dei commenti e fai clic con il tasto destro sull'immagine gravatar per selezionare Ispeziona elemento. Ti mostrerà il codice sorgente del tuo gravatar, in questo modo:

Se l'immagine gravatar ha qualcosa di diverso da avatar quindi usa quello al posto di .avatar nel codice css sopra.

Speriamo che questo articolo ti abbia aiutato a visualizzare le immagini gravatar sul tuo blog WordPress. Fateci sapere se avete domande o commenti lasciando un commento qui sotto.