Como utilizar Gravatar

17 mayo 2008 | 73 comentarios | General, Servicios Web, WordPress
Tags: email, PHP, plugin, template, WordPress, ZIP

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.= "?gravatar_id=".md5($grvMail);
$grvHttp.= "&default=".urlencode($grvInit);
$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 80×80 pixels, si deseamos colocarlo en otras dimensiones, por ejemplo a 40×40 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