Recientemente, le mostramos cómo diseñar el diseño de comentarios y cómo diseñar el formulario de comentarios. Uno de nuestros usuarios nos envió un correo electrónico y preguntó “¿cómo hizo que sus imágenes de gravatar fueran redondas? ¿Está almacenando imágenes de gravatar localmente para hacerlas redondas? En este artículo, le mostraremos cómo ver las imágenes de gravatar. Usaremos el borde de CSS3 -propiedad de radio para crear imágenes gravatar circulares.

Lo primero que debe hacer es editar el archivo style.css de su tema. Puede hacerlo usando un programa FTP o yendo a Apariencia »Editor en tu administrador de WordPress. A continuación, desea agregar el siguiente código en su archivo CSS:

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

Esto debería funcionar en la mayoría de los temas de WordPress. Sin embargo, si esto no funciona en su tema, es probable que haya algún complemento o función en su tema que interfiere con las clases predeterminadas utilizadas para gravatar en WordPress. Para averiguar qué imágenes de gravatar de clase CSS están utilizando en su tema, debe abrir una publicación de blog que contenga comentarios. Desplácese hacia abajo hasta la sección de comentarios y haga clic con el botón derecho en la imagen gravatar para seleccionar Inspeccionar elemento. Le mostrará el código fuente de su gravatar, así:

Si la imagen del gravatar tiene algo más que avatar así que usa eso en lugar de .avatar en el código CSS anterior.

Esperamos que este artículo le haya ayudado a mostrar imágenes redondas de gravatar en su blog de WordPress. Háganos saber si tiene alguna pregunta o comentario dejando un comentario a continuación.