Recientemente, le mostramos cómo diseñar el diseño de sus comentarios y cómo diseñar su formulario de comentarios. Uno de nuestros usuarios nos envió un correo electrónico y nos preguntó “¿cómo hicieron redondas sus imágenes de Gravatar? ¿Está almacenando imágenes de Gravatar localmente para que sean redondas? » 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 gravatar circulares.
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 complemento o la función de su tema jugando con las clases predeterminadas utilizadas para gravatar en WordPress. Para saber qué imágenes de gravatar de clase css están usando 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 avatar luego 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.