ZeroZen

Icon

Apple, Macintosh, Wordpress e internet

Como integrar Gravatar dentro de WordPress

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

Otros artículos relacionados:

  1. Easy Gravatars: Plugin para usar avatars en los comentarios
  2. WordPress: Ordenando las categorías alfabéticamente
  3. WordPress: Más de una listas de links
  4. Gravatar no funciona
  5. Como actualizar WordPress

Categoría: WordPress

Tagged: ,

57 Comentarios

  1. 21
    keko says:

    muchas gracias, por el tuto!

  2. 22
    afroman says:

    Gracias… Habia hecho todo menos editar el archivo .php para incluir el código… menos mal que conseguí este página

  3. 23
    dArWiN says:

    Cuando pongo el codigo me devuelve este mensa de error

    Parse error: syntax error, unexpected T_STRING in

  4. 24

    Pues yo he intentado ponerlo en mi wordpress… pero o soy muy torpe o no sé que pasa.

    Ôo-~

  5. 25
    RMRZ says:

    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

  6. 26
    •DRS• says:

    Muchas gracias, exelente tutorial… en estos dias hago un trackback si no te molesta claro… :)

    en fin… sigue así

    •DRS•

  7. 27
    Piter says:

    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

  8. 28
    Panchosama says:

    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

  9. 29

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

  10. 30
    rabbit says:

    no me acaba de funcionar…

  11. 31
    Dogguie says:

    Acabo de instalarlo en mi blog….
    es un plugin excelente! :D

  12. 32

    [...] Me costó encontrar un manual simple, pero ZeroZen lo explica muy bien. [...]

  13. 33
    heber says:

    probando mi gravatar XD

  14. 34
    Antoni says:

    Prueba de gravatar

  15. 35

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

  16. 36
    Cado says:

    Que buen y simple tutorial, busque por todos lados pero ninguno me sirvió como este, muchas gracias!! :D

  17. 37
    mafalda says:

    No me funciona lo de integrarlo en blogger.

  18. 38
    ZeroZen says:

    @Mafalda porque son instrucciones para WP no para Blogger.

  19. 39
    mafalda says:

    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.

  20. 40
    ZeroZen says:

    @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.

Deja tu comentario

Miniposts

  • Mac OS X Snow Leopard el 28 de agosto?

    ZZ700431C3

    Puede ser, quién sabe. Pero si lo que señala esta página de Apple Store UK es cierto, entonces los discos de OS X Snow Leopard llegarán a los compradores antes de lo esperado (al menos para los usuarios que compraron un Mac después del 8 de junio). (Vía)

  • OCR Terminal: Transforma imágenes escaneadas en texto editable

    ZZ423E3530

    Hay veces en que necesitas rescatar un texto largo desde una imagen. Si eres el Usain Bolt del tecleo, eso no debería ser problema, pero para el resto de nosotros el OCR puede ser de gran ayuda. OCR Terminal es un servicio online que te ofrece transformar archivos PDF, JPG o TIFF en hasta 20 páginas mensuales de texto y de manera gratuita. Si quieres más que eso debes pagar.

    No sé que tan confiable será el resultado, pero creo que vale la pena darle una probada si estás en apuros.

  • Ember: Compartiendo fuentes de inspiración

    Ember: Inspiración en imágenes

    Lo que inspira a otros, quizás también puede ser fuente de inspiración a ti. Ember es un sitio web que te ofrece la posibilidad de navegar por cientos de imágenes "inspiracionales" ordenadas en diferentes categorías. También te permite subir pantallazos, fotos o ilustraciones de tus propias fuentes de inspiración y conectarte con otros usuarios que andan a la caza de ideas frescas.