Cómo mostrar imágenes redondas de Gravatar en WordPress

Recientemente, le mostramos c√≥mo dise√Īar su dise√Īo de comentarios y c√≥mo dise√Īar su formulario de comentarios. Uno de nuestros usuarios nos envi√≥ un correo electr√≥nico y pregunt√≥: “¬ŅC√≥mo hiciste que tus im√°genes gravatar fueran redondas? ¬ŅEst√°s almacenando im√°genes gravatar localmente para que sean redondas? En este art√≠culo, le mostraremos c√≥mo mostrar im√°genes gravatar redondas en WordPress. Utilizaremos la propiedad border-radius de CSS3 para crear im√°genes gravatar circulares.

Lo primero que debe hacer es editar el archivo style.css de su tema. Puede hacerlo utilizando 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, entonces probablemente haya alg√ļn complemento o la funci√≥n de su tema que interfiera con las clases predeterminadas utilizadas para gravatar en WordPress. Para saber qu√© im√°genes gravatar de clase css est√°n utilizando en su tema, debe abrir una publicaci√≥n de blog que tenga comentarios. Despl√°cese hacia abajo hasta la secci√≥n de comentarios y haga clic derecho en la imagen gravatar para seleccionar Inspeccionar elemento. Le mostrar√° el c√≥digo fuente de su gravatar, as√≠:

Encontrar la clase css utilizada por el ícono gravatar

Si la imagen gravatar tiene algo más que avatar luego use eso en lugar de .avatar en el código css anterior.

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