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

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 preguntándonos “¿cómo hicieron redondas sus imágenes de Gravatar? ¿Está archivando imágenes de Gravatar localmente para redondearlas? «En este artículo, le mostraremos cómo mostrar imágenes redondas de gravatar en WordPress. Usaremos la propiedad border-radius de CSS3 para crear imágenes circulares de gravatar.

Lo primero que debe hacer es editar el archivo style.css de su tema. Puede hacer esto usando un programa FTP o yendo a Apariencia »Editor en su 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 plugin o característica de su tema que interfiera con las clases predeterminadas que se usan para gravatar en WordPress. Para saber qué imágenes de 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 con el botón derecho en la imagen de gravatar para seleccionar Inspeccionar elemento. Le mostrará el código fuente de su gravatar, así:

Si la imagen de gravatar tiene algo más que el avatar, utilícelo 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.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *