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 ejecutó sus imágenes gravatar?» ¿Almacena 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 gravatar circulares. Lo primero que debe hacer es modificar el archivo style.css para su tema. Puede hacer esto usando un programa FTP o accediendo Apariencia »Editor en su administrador de WordPress. Luego, desea agregar el siguiente código a 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 eso no funciona en su tema, es probable que exista un complemento o la función de su tema que juegue con las clases predeterminadas utilizadas para gravatar en WordPress. Para saber qué imágenes de gravatar de la clase css están usando en su tema, debe abrir una publicación de blog con 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.