Como integrar Gravatar dentro de WordPress
Actualización: Ok chicas y chicos, La versión 2.5 de WordPress soporta de manera nativa Gravatar, así que no tienes motivo alguno para seguir las instrucciones de abajo. Sólo debes activar la opción en el menú “Settings” y luego en la opción “Discussion”. Si eso no les funciona (como a mí), pueden probar con Easy Gravatars.
Todos andamos por ahí haciendo comentarios en los blogs de otros. Una manera sencilla de lograr que nuestros comentarios tengan cierta personalidad es a través del uso de un “avatar”. Un avatar es una pequeña imagen que aparece al lado de nuestros comentarios junto a nuestro nombre.
Gravatar es un sitio que permite tener de manera consistente un Avatar y un email ligados. Osea que cada vez que dejas tu comentario en un blog y usas la dirección de email que registraste en Gravatar, la imagen ligada a ese email aparecerá junto a tu comentario. Eso siempre y cuando el blog de soporte a Gravatar. Puedes crear tu Gravatar desde este link.
Si tienes un blog que usa WordPress y quieres colocar Gravatar en tu sección de comentarios, esta es la manera de hacerlo:
1.- Baja el Gravatar plug-in desde el sitio de Gravatar.
2.- descomprime el archivo .zip.
3.- Sube el archivo gravatar.php all directorio de plug-ins de WordPress. (…/wp-content/plugins)
4.- Entra al panel de administración de WP y desde la sección plugins activa el nuevo plug-in.
Esa es la parte de la instalación. Ahora debes incluir un pedazo de código en el archivo comments.php de WordPress para que aparezcan los Gravatars cada vez que alguien hace un comentario:
1.- Dentro del panel de administración, ve al menú Presentation.
2.- Una vez ahí, selecciona la opción Theme Editor. Esto te mostrará todos los archivos que puedes editar en un listado.
3.- De la lista que apareció a mano derecha, selecciona el archivo comments.php
4.- Busca en la ventana de código el siguiente texto:
<?php comment_text() ?>
5.- Exactamente sobre la línea de arriba al texto anterior, copia y pega el código de abajo:
<img class=”grav” src=”<?php gravatar(”R”, 50, “http://www.tudominio.com/wp-content/gravatar-blank.jpg”, “FF0000″); ?>” align=”left” hspace=”5″ vspace=”5″ alt=”gravatar” />
Tu código ahora debe verse así:
<img class=”grav” src=”<?php gravatar(”R”, 50, “http://www.tudominio.com/wp-content/gravatar-blank.jpg”, “FF0000″); ?>” align=”left” hspace=”5″ vspace=”5″ alt=”gravatar” />
<?php comment_text() ?>
Nota: Donde dice “http://www.tudominio.com/wp-content/gravatar-blank.jpg”, reemplázalo por la dirección de tu sitio web donde quieras guardar un avatar genérico. Este será usado para aquellos que comenten pero no tengan cuenta Gravatar.
Puedes sacar la letra R que aparece en el código por si quieres aceptar cualquier categoría de avatars. El número 50 define el tamaño en pixeles que tiene el avatar y no puede ser más grande que 80.
6.- Guarda los cambios haciendo click en el botón Update File.
7.- Revisa las cambios. Deja un comentario en alguno de tus post para ver si funciona. Obviamente para que aparezca el Gravatar debes tener uno creado con anterioridad.
Nota: En lugar del código de arriba puedes probar simplemente con:
< ?php gravatar() ?/>



Thursday 7 de July de 2005 a las 11:07 pm
La instalación la entendí pero como es que aparece el gravatar que vos subis a gravatar con los comentarios que vas dejando por ahí. Es por medio del mail?
Thursday 7 de July de 2005 a las 11:49 pm
Una vez que subes tu Avatar a Gravatar este queda almacenado en sus servidores. Cuando tu publicas un comentario y usas el mismo email que registraste en Gravatar, el sistema ve si ese email tiene un avatar asignado y lo muestra. Así de facil.
Friday 8 de July de 2005 a las 9:26 am
Pucha, yo tengo problemas con mi nuevo template, trate de modificar la diagramación de los comentarios (por que me muestra el formulario arriba de los comentarios) y me quedo la ca…

Y ahora estoy tratando de ponerle los gravatars y tampoco funciona.
Friday 8 de July de 2005 a las 9:44 am
ya, bakan, pude cambiar la diagramación de mis comentarios, ahora lo que no me funciona son los gravatar, he tratado de modificar el archivo php, como dices aquí pero no me funca, el codigo que hay que pegar reemplaza esa etiqueta php, va arriba o va adentro??
” align=”left” hspace=”5″ vspace=”5″ alt=”gravatar” />
Friday 8 de July de 2005 a las 10:42 am
[...] ute; que gracias a ellos pude cambiar la diagramación de la página, pero hoy ZeroZen publicó en su blog, como incluir gravatars en los comentarios, con el otro diseño que te [...]
Friday 8 de July de 2005 a las 2:07 pm
No va a adentro, va simplemente arriba de la etiqueta en otra linea. Que se vea así:
” align=”left” hspace=”5″ vspace=”5″ alt=”gravatar” />
No se como hacer que los comentarios aparezcan al principio, pero voy a investigar y te aviso si algo aparece.
Friday 8 de July de 2005 a las 2:09 pm
UUUH!! se come las lineas largas los comentarios. Voy a hacer la correción al post para que quede más claro
Friday 8 de July de 2005 a las 2:26 pm
Ya lo corregí y agregué algunas notas extras.
Sunday 30 de October de 2005 a las 2:07 am
Como me gustó lo de siempre es de buena educación dejar comentarios, pues aquí va el mío. Me sirvió mucho la información de donde colocar lo del gravatar y funciona perfecto, muchas gracias. Saludos!!!!!!!!
Monday 10 de April de 2006 a las 2:56 am
[...] Para los que no sepan, Gravatar (Globally Recognized Avatar) es un sistema que permite mostrar la imagen de quien esté registrado en su sitio luego de cada comentario hecho en un blog. Me costó encontrar un manual simple, pero ZeroZen lo explica muy bien. [...]
Monday 10 de April de 2006 a las 3:00 am
Ya va el segundo plugin que logro instalar gracias a tus tutoriales encontrados en Google
Monday 10 de April de 2006 a las 3:03 am
Excelente! que bueno que te sirvieron, esa es la idea
Sunday 4 de February de 2007 a las 6:22 am
ayuda no puedo montar mi gravatar
Friday 9 de February de 2007 a las 11:30 pm
[...] aNieto2k donde te explican muy bien como funcionan estos. Para algun problema con gravatar vista a ZeroZen que explica muy bien como funciona gravatar, es muy probable que el problema sea que no tienes instalado el plugin o no has subido el archivo [...]
Friday 16 de February de 2007 a las 3:53 pm
Gracias ahora que estoy cambiando el diseño del weblog, queria implementar el plugin de gravatar, y la solucion la encontré acá
salu2
Monday 26 de February de 2007 a las 5:18 am
Este es un test para comprobar si mi avatar se vé correctamente.
Gracias por el tutorial!
Wednesday 14 de March de 2007 a las 7:39 am
ERR s
Monday 26 de March de 2007 a las 12:17 am
gracias por el tutorial, estoy probando a ver si se ve.
saludos!
Monday 26 de March de 2007 a las 2:45 pm
Muy buen tutorial si señor… sigue asi!
Wednesday 4 de April de 2007 a las 10:27 am
Muy buen tutorial. Aprovechando la ocasión me he creado mi propio Gravatar y así me sirve para probarlo.
Friday 6 de April de 2007 a las 2:38 am
muchas gracias, por el tuto!
Sunday 29 de April de 2007 a las 11:06 pm
Gracias… Habia hecho todo menos editar el archivo .php para incluir el código… menos mal que conseguí este página
Wednesday 6 de June de 2007 a las 9:33 pm
Cuando pongo el codigo me devuelve este mensa de error
Parse error: syntax error, unexpected T_STRING in
Monday 20 de August de 2007 a las 9:36 pm
Pues yo he intentado ponerlo en mi wordpress… pero o soy muy torpe o no sé que pasa.
Ôo-~
Wednesday 19 de September de 2007 a las 10:25 pm
Santi:
prueba que version de plugin descargaste, la ultima que acabo de instalar no requiere de esa linea de codigo en comments.php; solo basta coin activarlo y pordia ser la causa de que no te funcioneç
Saludos
Felipe
Friday 28 de September de 2007 a las 9:13 pm
Muchas gracias, exelente tutorial… en estos dias hago un trackback si no te molesta claro…
en fin… sigue así
•DRS•
Monday 1 de October de 2007 a las 10:23 am
Hola a todos.
Buen tutorial.
La verdad es que quería comprobar si se ve correctamente mi avatar aquí, porque en mi web aparece como roto, con muy pocos colores y además con líneas blancas y cortado.
Un Saludo
Thursday 18 de October de 2007 a las 11:43 pm
Hola!
Bien tu tutoirial, pero me di cuenta de algo, si no es mucha la patudez:
Cuando le das vspace y hspace debe aparecer sin comillas, porque o si no el php no lo teconoce como número, sino como caracter y te tira un error. Lo digo porque lo testié en Wp 2.0.5…
Ojala les sirva
Friday 19 de October de 2007 a las 12:10 pm
[...] aNieto2k donde te explican muy bien como funcionan estos. Para algun problema con gravatar vista a ZeroZen que explica muy bien como funciona gravatar, es muy probable que el problema sea que no tienes instalado el plugin o no has subido el archivo [...]
Friday 26 de October de 2007 a las 11:43 pm
no me acaba de funcionar…
Friday 9 de November de 2007 a las 1:58 pm
Acabo de instalarlo en mi blog….
es un plugin excelente!
Tuesday 27 de November de 2007 a las 4:34 pm
[...] Me costó encontrar un manual simple, pero ZeroZen lo explica muy bien. [...]
Tuesday 5 de February de 2008 a las 7:15 pm
probando mi gravatar XD
Wednesday 2 de April de 2008 a las 11:46 am
Prueba de gravatar
Saturday 26 de April de 2008 a las 11:01 pm
[...] he encontrado en el proceso es un plugin que se llama Easy Gravatars. Así en lugar de tener que modificar el código del template para que aparezcan los avatares, sólo debes instalar el plugin y definir el tamaño, posición y [...]
Monday 19 de May de 2008 a las 11:07 pm
Que buen y simple tutorial, busque por todos lados pero ninguno me sirvió como este, muchas gracias!!
Saturday 24 de May de 2008 a las 12:06 pm
No me funciona lo de integrarlo en blogger.
Saturday 24 de May de 2008 a las 1:17 pm
@Mafalda porque son instrucciones para WP no para Blogger.
Sunday 25 de May de 2008 a las 10:13 am
Gracias Zerozen.Pasa que en los blogs que yo me muevo ( de Blogger) usan WP, y hay gente que a la que si le permite mostrar su avatar ( desconozco si tienen una cuenta abierta en Blogger o utilizan otro método).Yo lo he intentado y no he podido.Muy amable.
Sunday 25 de May de 2008 a las 6:26 pm
@Mafalda creo que lo que usa blogger es su propio sistema y no el de gravatar, o sea muestra el avatar de la cuenta blogger.
Monday 26 de May de 2008 a las 10:23 am
Soy muy ignorante al respecto, Zen, te lo decía porque le veo el icono de WP.Gracias de nuevo.
Thursday 5 de June de 2008 a las 2:19 am
mmm ya probé todo y mi editor php me modifica la linea siempre, excepto cuando intento poner “” pero ese no se donde carajos va :S