TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo usar Gravatar en el sitio de WordPress?

11

¿Qué es Gravatar?

Gravatar son las siglas de Avatar G lobally R ecognized. Es una imagen pequeña que aparece en los comentarios, la biografía del autor, la publicación del foro y muchos otros lugares en un sitio de WordPress. Gravatar es un servicio gratuito ofrecido por Automattic Inc, la compañía que ejecuta WordPress.com y apoya los proyectos de código abierto como WordPress.org.

La imagen de gravatar que se muestra no es más que la imagen de perfil vinculada a la identificación de correo electrónico de una cuenta de usuario de WordPress.com. Esto significa que debe tener una cuenta de WordPress.com para poder usar gravatar para su identificación de correo electrónico. La imagen de gravatar se muestra en todos los servicios que utilizan la API de gravatar, que es de uso gratuito. A continuación se muestra un ejemplo de imagen gravatar que se muestra junto a la información del autor. El aspecto, el tamaño y el color se pueden ajustar con CSS personalizado, que generalmente se controla dentro de su tema o complemento.

Gravatar en Biografía del autor

¿Cómo crear Gravatar?

El primer paso es tener una cuenta de WordPress.com. Ya debería tener una cuenta si está utilizando Jetpack o cualquier otro complemento asociado con WordPress.com. Si no tiene uno, vaya al sitio de WordPress.com y cree una cuenta.

Inicie sesión en gravatar.com con los detalles de su cuenta de WordPress.com. Vaya a la opción "Agregar una imagen" disponible en el menú desplegable de su nombre.

Agregar imagen de Gravatar

Cargue la imagen, recorte al tamaño necesario, elija la calificación y finalmente asigne su identificación de correo electrónico a la imagen. Puede tener varios correos electrónicos en la misma cuenta y agregar diferentes imágenes de Gravatar para cada ID de correo electrónico.

¿Cómo usar Gravatar en el sitio de WordPress.org?

Inicie sesión en el panel de administración de WordPress y navegue hasta el menú "Configuración> Discusión". Active la casilla de verificación "Mostrar avatares" en la sección "Pantalla de avatar".

¿Cómo usar Gravatar en el sitio de WordPress?

Usando Gravatar en WordPress

Elija la calificación de su imagen de avatar, WordPress ofrece las siguientes calificaciones para la imagen:

  • G: imagen simple adecuada para todas las edades de público
  • PG: imagen ofensiva apta para mayores de 13 años
  • R: imagen para adultos para mayores de 17 años
  • X: imagen más violenta y adulta por encima de la calificación R

También puede elegir una de las imágenes disponibles predeterminadas. Esta imagen se mostrará cuando el correo electrónico del usuario no esté asociado con ninguna imagen gravatar.

Gravatar Hovercard

De forma predeterminada, solo se mostrará la imagen cuando se utilice un correo electrónico asociado con la cuenta de gravatar. Además de esto, opcionalmente, puede mostrar el perfil vinculado al pasar el mouse, como se muestra a continuación.

¿Cómo usar Gravatar en el sitio de WordPress?

Gravatar Hovercard

Instale y active el complemento Jetpack. Vaya al menú "Jetpack> Configuración" y busque el módulo llamado "Gravatar Hovercards". Active este módulo para mostrar el perfil de gravatar al pasar el cursor sobre la imagen de gravatar.

¿Cómo usar Gravatar en el sitio de WordPress?

Jetpack Gravatar Hovercards

¿Cómo funciona Gravatar?

La identificación de correo electrónico utilizada en la cuenta gravatar se convierte en una cadena denominada hash. Tomemos un ejemplo de una identificación de correo electrónico “123@test.com" registrada en el sitio gravatar. Este correo electrónico se convierte en un valor hash, diga "abcd". Ahora puede obtener la imagen de gravatar simplemente usando solicitudes HTTP GET con una etiqueta IMG como se muestra a continuación:

En el código anterior:

  • "Abcd" es el valor hash calculado
  • La identificación de correo electrónico correspondiente es "123@test.com".
  • S = 250 se utiliza para cambiar el tamaño de la imagen a 250px.

Cuando gravatar está habilitado en su sitio de WordPress.org, la plataforma utilizará el método anterior para obtener una imagen de gravatar relacionada con una identificación de correo electrónico.

Problemas al usar Gravatar

Aunque la imagen parece atractiva y la utilizan casi todos los complementos de comentarios disponibles en WordPress.org, hay puntos que deben tenerse en cuenta antes de activar gravatar.

  • La API de Gravatar no tiene ninguna autorización, lo que significa que cualquiera sabe que su identificación de correo electrónico puede ingresar comentarios y su imagen se mostrará sin su permiso.
  • Generalmente, las imágenes de Gravatar no se almacenan en caché, lo que provocará una carga lenta de la página. Puede ver este problema al utilizar la herramienta Google PageSpeed ​​Insights en la sección " Aprovechar el almacenamiento en caché del navegador ".
  • Los servicios de WordPress.com están bloqueados en algunos países, por lo que la imagen pequeña puede llevar mucho tiempo y retrasar considerablemente la carga de la página, especialmente cuando la página tiene cientos de comentarios.

¿Cómo usar Gravatar en el sitio de WordPress?

Esperando la imagen de Gravatar

  • Mostrar gravatar en dispositivos móviles hará que sus comentarios sean más congestionados y no legibles. Puede utilizar consultas de medios CSS personalizadas y ocultar las imágenes de Gravatar en dispositivos móviles.

¿Cómo utilizar la imagen personalizada de Gravatar?

Quieres mostrar la imagen del avatar pero no te interesa usar la de gravatar.com o no quieres crear una cuenta de wordpress.com. En tal caso, instale y active el complemento WP User Avatar. Este complemento permite a los usuarios cargar una imagen personalizada como avatar. Puede deshabilitar el gravatar predeterminado y usar una imagen personalizada cargada por el usuario para mostrarla en el sitio.

¿Cómo usar Gravatar en el sitio de WordPress?

Uso de avatar personalizado en WordPress

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More