Como utilizar Gravatar
- 17/05/2008
- 10:30 pm
Gravatar, es un servicio que brinda la posibilidad de mostrar un avatar (Avatar es la representación gráfica mediante un dibujo o fotografía de una persona para su identificación) asociado a nuestro e-mail.
Como funciona?
Los usuarios deben registrarse en Gravatar en donde podrán subir una imagen la cual desean asociar a una dirección e-mail, luego cada vez que registren este email, el sitio web hará una llamada a Gravatar para solicitar el avatar asociado a la cuenta e-mail, si existe se mostrará la imagen y de lo contrario mostrará una imagen por defecto.
Existe documentación detallada de como integrar Gravatar con nuestro sitio web en Gravatar implementor's guide, esto de acuerdo al lenguaje de programación o gestor de contenido que utilizamos.
Utilizar Gravatar con PHP
Como primer ejemplo veremos el colocarlo en cualquier página web utilizando PHP, ello se hace llamando a una imagen desde Gravatar, solo nos hace falta construir el URL apropiado al cual debemos acceder, esto lo hacemos de la siguiente forma:
-
$grvMail = "username@domain.com"; // email que deseamos consultar
-
$grvInit = "spacer.gif"; // imagen si no existe avatar
-
$grvSize = 40; // tamaño del avatar
-
-
$grvHttp = "http://www.gravatar.com/avatar.php";
-
$grvHttp.= "&size=".$grvSize;
Luego de ello mostramos la imagen basado en el URL recién construido, esto lo hacemos de la forma:
-
<img src="<?php echo $grvHttp; ?>" alt="User Gravatar">
WordPress Gravatar Plugin
wp-gravatar es un plugin para Wordpress que permite la integración automática con Gravatar de forma sencilla y rápida. Primero descargamos wp_gravatar.zip, extraemos los archivos y lo subimos a la carpeta de plugins (wp-content/plugins/), luego de ello activamos el plugin.
El siguiente paso es editar el archivo comments.php de nuestro template el donde insertamos el siguiente código en el lugar donde deseamos que se muestre el avatar.
-
<img src="<?php gravatar(); ?>" alt="" />
Esto mostrará la imagen en su tamaño original de 80x80 pixels, si deseamos colocarlo en otras dimensiones, por ejemplo a 40x40 pixels podemos hacerlo de la siguiente forma:
-
<img src="<?php gravatar("R", 40); ?>" alt="" />
Como pueden observar es muy sencillo de implementar y le dará una apariencia personalizada a nuestros comentarios, de esta forma podemos hacer nuestro web mas interactivo con nuestros visitantes.
Posts Relacionados
- Color de Texto Seleccionado
- Firebug Lite
- jQuery SWFObject Plugin
- Importar Contactos con PHP
- Convertir HTML a PDF con PHP
Total de Comentarios: 27
Hola, como pueden ver hemos habilitado Gravatar en este blog, así que a partir de ahora podrán visualizar sus avatar cuando envíen cualquier comentario.
Hola, me alegra que instalaste gravatar en tu blog, yo tambien lo acabo de implementer y me va muy bien. Solo para comentarte que hay un plugin muy sencillo de usar llamado EasyGravatar y te ahorras mucho trabajo y codigo. Buen blog!!
Hola Jim, Hay otro super bueno que se llama WP-Gravatar.
Te dejo el link:
http://wordpress.org/extend/plugins/wp-gravatar/
Saludos!
[...] Como utilizar Gravatar » unijimpe [...]
Buenas,
Me alegro de que integraras Gravatar, pero deciros que desde Wordpress 2.5 gravatar viene integrado ocn wordpress para usarlo en los themes:
http://codex.wordpress.org/Using_Gravatars
No es necesario instalar ningun plugin, simplemente utilizar la funcion: ‘get_avatar’
Prueba… xD
[...] una gran diferencia de diseño en tu blog, esto se puede agregando un pequeño gráfico como un gravatar a tus post o un widget como el de MyBlogLog también puede haber una gran diferencia. Y si le sabes [...]
prueba 2
[...] una gran diferencia de diseño en tu blog, esto se puede agregando un pequeño gráfico como un gravatar a tus post o un widget como el de MyBlogLog también puede haber una gran diferencia. Y si le sabes [...]
Muy buen tutorial.
:D
muy bueno.
Unijimpe, Si tengo mi blog con Gravatar instalado, pero no tengo el campo “email” en mi formulario de comentarios.
1.¿Mi blog va a saber que avatar jalar de Gravatar?
2.¿Necesito colocar el campo email de todas maneras?
3.¿Cómo funcionaría Gravatar sin el campo email?
Gracias
Leto
works ?
Prueba…
Funciona! xD Pensé que si alguien ya había registrado mi nick no funcionaria.
pues yoo ise todo pero no logro activar mi gravatar en mis comentarios ni los avatares para los users :S alguna ayuda adicional??
Buenisimo
Buenas! Excelente el post, ahora bien, como hago para integrar la imagen del gravatar en el index.php, o sea, asociada al mail del autor de una entrada? Gracias de antemano…
a ver probemos el gravatar
ooooooooorale si funciona, sale gracias por el truco
Genial! muchas gracias! como siempre Unijimpe
