Gravatar Logo-1Actualizació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() ?/>

Bookmark and Share
Tagged with:
 

69 Responses to Como integrar Gravatar dentro de WordPress

  1. Rauto says:

    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?

  2. ZeroZen says:

    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.

  3. huasonic says:

    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.
    :-(

  4. huasonic says:

    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” />

  5. [...] 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 [...]

  6. ZeroZen says:

    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.

  7. ZeroZen says:

    UUUH!! se come las lineas largas los comentarios. Voy a hacer la correción al post para que quede más claro

  8. ZeroZen says:

    Ya lo corregí y agregué algunas notas extras.

  9. Pablo Cardozo says:

    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!!!!!!!!

  10. [...] 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. [...]

  11. Albiore says:

    Ya va el segundo plugin que logro instalar gracias a tus tutoriales encontrados en Google :)

  12. ZeroZen says:

    Excelente! que bueno que te sirvieron, esa es la idea :)

  13. V@BC says:

    ayuda no puedo montar mi gravatar

  14. [...] 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 [...]

  15. Linker - Pixmedial says:

    Gracias ahora que estoy cambiando el diseño del weblog, queria implementar el plugin de gravatar, y la solucion la encontré acá

    salu2

  16. piratis says:

    Este es un test para comprobar si mi avatar se vé correctamente.
    Gracias por el tutorial!

  17. Raveau says:

    gracias por el tutorial, estoy probando a ver si se ve.
    saludos!

  18. Done says:

    Muy buen tutorial si señor… sigue asi!

  19. Jaluro says:

    Muy buen tutorial. Aprovechando la ocasión me he creado mi propio Gravatar y así me sirve para probarlo.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>