[icon name="fa-wordpress"]

Instalar WordPress

Guía de Instalación

[icon name="fa-heartbeat"]

Optimizar WordPress

Optimización y Velocidad

[icon name="fa-lock"]

Seguridad de WordPress

Guía de Protección

Cómo Mostrar Gravatar Redondo en WordPress

Las imágenes de perfil en WordPress, o las conocidas como Gravatar vienen incluidas en casi todos los temas que hoy en día existen, y que sirven para identificar a los comentaristas por ejemplo, o incluso a los autores. Algunos temas incluyen imagen Gravatar cuadrada, con un estilo demasiado clásico para algunos usarios. Por eso, hoy te explicaremos cómo mostrar gravatar redondo en WordPress.

Gravatar Redondo en WordPress

Los gravatars en WordPress son una solución inteligente, que sirven para identificar a un usuario con un solo correo electrónico en todos los sitios web.

Si usas gravatar, y estableces una imagen de perfil en tu cuenta, cada vez que te registras con ese correo eelctrónico que usas en el sitio web oficial de gravatar, en un sitio o foro, aparecerá de forma automática esa imagen, lo cual es fantástico, ya que te ahorra tiempo de subir tu imagen en muchos servidores, y también le permite a la otra gente reconocerte, lo que le da a tu perfil más autoridad.

En un tutorial anterior, hemos hablado más detalladamente sobre qué es gravatar en WordPress, para que obtengas más información sobre sus características.

Editar Forma de Gravatar

Para crear un gravatar redondo en WordPress, primero necesitas tener acceso a los archivos de la instalación de tu sitio web, para modificar el archivo de estilización del tema, para ello es necesario utilizar un programa de transferencia de archivos FTP.

Si tienes acceso al panel de administración wp-admin del sitio web, sería más sencillo. Te diriges a la sección Apariencia :: Editor y seleccionas el archivo styles.css de tu tema activo.

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

Copias y pegas el código que aparece arriba en la parte inferior del archivo de estilización. Sería mucho mejor si usas un tema hijo (child theme), para que no pierdas los cambios cuando actualizas tu tema a una nueva versión.

Te podría interesar leer:  Cómo Crear Sitio Local WordPress con XAMPP

Guardas los cambios, y vuelves a mirar el avatar en tu sitio web, para asegurarte de que todo funciona bien. Si no ves ningún cambio, es problable que tu tema actual esté usando otro nombre de clase css para estilizar la imagen del perfil.

Usar Herramienta de Desarrollador en Chrome

Una de las herramientas más prácticas en el navegador Chrome, es la herramienta para desarrolladores, que te permite visualizar el código estructurado HTML de tu sitio web, para llegar rápidamente a determinados elementos.

Estilizar imagen gravatar con herramientas para desarrolladores de chrome

Seleccionas la imagen del perfil, para ver el nombre de clase asignada a la imagen en tu tema actual, que tienes que usar para crear imagen de perfil con bordes redondeados en WordPress.

Generalmente el nombre estándar es .avatar que usan la mayoría de los temas actuales, ya que es un nombre muy intuitivo, y facilita mucho la tarea para modificar la imagen de perfil, y por tanto de crear imagen gravatar redondo en WordPress.

Esto es todo, te invitamos a darle Me gusta a nuestra página en Facebook, y seguirnos en Twitter, para obtener los tutoriales recientes sobre seguridad y optimización de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar