Gravatar: Toma el control de tu imagen en línea

¿Alguna vez te has preguntado alguna vez cómo es posible tener una imagen de perfil consistente en todas las webs que visitas? ¿Has ido a una WordCamp y tu foto no salía en la acreditación?

En esta sesión vamos ver qué es un Gravatar (Avatar Reconocido Globalmente) y cómo puede transformar tu presencia en línea.

Descubriremos qué es Gravatar.com, cómo funciona y, lo más importante, cómo configurarlo para asegurarte de que tu avatar te represente de manera única en cada rincón de la web. Simplifica tu experiencia en línea cargando tu imagen de perfil una sola vez y dejando que Gravatar haga el resto.

También varemos por encima la parte técnica, explicando cómo puedes usarlo en tus propios proyectos.

Transcript

1. Gravatar: Toma el control de tu imagen en línea Nilo Vélez
2. @NiloVelez • Media vida haciendo webs. • Coorganizador de WordPress Sevilla • Moderador de traducciones • Moderado de WordPressTV
4. ¿Cómo se usa Gravatar? 1. Te registras en es.gravatar.com 2. «reclamas» tu dirección de correo electrónico 3. Subes una foto y configuras tu perfil público 4. Cualquiera que tenga tu dirección de correo electrónico puede pedir tu foto o tu perfil 5. Si cambias tu foto, se actualiza en todas partes
5. ¿Cómo funciona Gravatar? web
6. ¿Cómo funciona Gravatar? web email del usuario
7. ¿Cómo funciona Gravatar? web email del usuario io foto uar s u l e d
10. Gravatar se utiliza en:
11. https://es.gravatar.com
13. Recursos para desarrolladores https://docs.gravatar.com
14. Hash de la dirección de correo electrónico 1. Quita los espacios iniciales y finales (trim) 2. Pásalo todo a minúsculas 3. Calcula el hash SHA256 $email = trim( 'ManolitoStone@gmail.com ' ); $email = strtolower( $email ); echo hash( 'sha256', $email ); // 5decc0c91492fe24b8728a0f0b47f3941a69d855815393bc6c82e6f33e2faf4f
15. Pedir el avatar del usuario: https://gravatar.com/avatar/HASH Parámetros disponibles: s=, size= Tamaño, en pixel (ej: s=500) r=, rating= máxima calificación por edades (g, pg, r, x) d=, default= Imagen por defecto: URL (urlencoded), 404, mp, identicon, monsterid, wavatar, retro, robohash)
16. Pedir el avatar del usuario:
17. Pedir el avatar del usuario: https://gravatar.com/avatar/5decc0c91492fe24b8728a0f0b47f3941 a69d855815393bc6c82e6f33e2faf4f.png?s=500&d=robohash https://docs.gravatar.com/general/images/
18. Pedir el perfil del usuario: https://gravatar.com/HASH Formatos disponibles: .json Objeto JSON .xml Documento XML .php Objeto PHP serializado .vcf VCF/vCard .qr Imagen QR (parámetro s=)
19. Pedir el QR del perfil del usuario: https://gravatar.com/5decc0c91492fe24b8728a0f0b47f3941a69d85 5815393bc6c82e6f33e2faf4f.qr?s=512 https://docs.gravatar.com/general/profile/
20. ¡Gracias!