ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Mostrar imagenes redondas en los comentarios de Wordpress

13 mayo, 2013 por Pedro Mendez Deja un comentario

Son muchos los usuarios de Wordpress que modifican los estilos de su tema para tener un diseño más exclusivo. En este artículo veremos como cambiar el diseño de los comentarios, dando una imagen redonda a la foto del perfil de Gravatar que sale por defecto. Lo primero que debemos saber es si las imágenes de gravatar están guardadas de forma local para poder hacerlas redondas. Vamos como podemos modificar desde el CSS3 para crear imágenes circulares de gravatar en Wordpress.

Primero debemos editar el archivo style.css de nuestro theme. Para hacer esto podemos hacer uso de algún programa de FTP como Filezilla, o ir al panel de administración de nuestro Wordpress en «Aparencia» «Editor». Después necesitamos añadir el siguiente código en el archivo CSS:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

Con esto debería de funcionar en la mayoría de los temas de Wordpress. Pero si esto no funciona en nuestro tema, es posible que tengamos algún plugin o una función del theme que nos permita modificar las clases predeterminadas que se utilizan para gravatar en Wordpress. Para poder averiguar cual son las clases CSS de las imágenes de gravatar que se están utilizando en el theme, es necesario buscar en el blog algún comentario. Nos dirigimos a la sección de comentarios y pulsamos el botón derecho de la imagen de gravatar para inspeccionar elemento. Con esto se muestra el código fuente de tu foto de gravatar como vemos en la imagen:

gravatar css

Si la imagen de gravatar es distinta y utiliza otro avatar en su lugar, hay que cambiar el .avatar del código CSS que mostramos arriba.

Con este simple paso puedes mostrar tus imágenes de gravatar redondas en tu sitio de Wordpress.

..Entradas Relacionadas

  • Como crear un Tema de WordPress desde una plantilla HTML
  • Como Cambiar el Color de los Botones en WooCommerce
  • 5 plugins editores de CSS gratis para la edición en vivo en WordPress
  • 11 Videojuegos Retro Creados con HTML5, JavaScript y CSS
  • Como hacer cajas de colores con esquinas redondeadas con CSS en Wordpress

Publicado en: Wordpress Etiquetado como: css, gravatar

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (510)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)