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

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

Recientemente, le mostramos cómo diseñar el diseño de sus comentarios y cómo personalizar su formulario de comentarios. Uno de nuestros usuarios nos envió un correo electrónico y preguntó: "¿Cómo redondeaste tus imágenes gravatar? ¿Estás almacenando imágenes gravatar localmente para que sean redondas? ”En este artículo, te mostraremos cómo mostrar imágenes gravatar redondas en WordPress. Usaremos la propiedad de radio de borde de CSS3 para crear imágenes gravatar circulares.

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

 .avatar radio del borde: 50%; - radio-borde-frontera: 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 es probable que haya algún complemento o función de su tema que ensucie con las clases predeterminadas usadas para gravatar en WordPress. Para descubrir qué imágenes gravatar de la clase css están usando en su tema, necesita abrir una publicación de blog que tenga 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 gravatar tiene algo más que avatar entonces usa 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.