Mostrar imagenes redondas en los comentarios de Wordpress

Son muchos los usuarios de Wordpress que modifican los estilos de su tema para tener un diseño más exclusivo. En este artículo veremos como cambiar el diseño de los comentarios, dando una imagen redonda a la foto del perfil de Gravatar que sale por defecto. Lo primero que debemos saber es si las imágenes de gravatar están guardadas de forma local para poder hacerlas redondas. Vamos como podemos modificar desde el CSS3 para crear imágenes circulares de gravatar en Wordpress.

Primero debemos editar el archivo style.css de nuestro theme. Para hacer esto podemos hacer uso de algún programa de FTP como Filezilla, o ir al panel de administración de nuestro Wordpress en «Aparencia» «Editor». Después necesitamos añadir el siguiente código en el archivo CSS:

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

Con esto debería de funcionar en la mayoría de los temas de Wordpress. Pero si esto no funciona en nuestro tema, es posible que tengamos algún plugin o una función del theme que nos permita modificar las clases predeterminadas que se utilizan para gravatar en Wordpress. Para poder averiguar cual son las clases CSS de las imágenes de gravatar que se están utilizando en el theme, es necesario buscar en el blog algún comentario. Nos dirigimos a la sección de comentarios y pulsamos el botón derecho de la imagen de gravatar para inspeccionar elemento. Con esto se muestra el código fuente de tu foto de gravatar como vemos en la imagen:

Si la imagen de gravatar es distinta y utiliza otro avatar en su lugar, hay que cambiar el .avatar del código CSS que mostramos arriba.

Con este simple paso puedes mostrar tus imágenes de gravatar redondas en tu sitio de Wordpress.