Cómo Mostrar Imágenes de Gravatar Redondas en WordPress

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

Lo primero que tienes que hacer es editar el archivo style.css de tu tema. Puede hacerlo usando un programa FTP o yendo a Apariencia " Editor en su administrador de WordPress. A continuación, desea añadir el siguiente código en su archivo CSS:

12345.avatar {radio-borde: 50%;-moz-radio-borde: 50%;-webkit-radio-borde: 50%;}

Esto debería funcionar en la mayoría de los temas de WordPress. Sin embargo, si esto no funciona en tu tema, entonces es probable que haya algún plugin o función de tu tema que esté jugando con las clases por defecto usadas para gravatar en WordPress. Para saber qué imágenes de gravatar de la clase css están usando en tu tema, necesitas abrir una entrada de blog que tenga comentarios. Desplácese hacia abajo hasta la sección de comentarios y haga clic derecho en la imagen del gravatar para seleccionar Inspeccionar elemento. Te mostrará el código fuente de tu gravatar, así:

Si la imagen gravatar tiene algo más que avatar entonces usa eso en lugar de .avatar en el código css de arriba.

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir