57

Instalar gravatars2, avatares en tu wordpress

Wordpress      29 Septiembre, 2007      5363 lecturas

Hace un tiempo publiqué un tutorial para instalar el plugin gravatars, pues bien recomiendo otro plugin, gravatars2 y es el que uso actualmente en el blog.

¿Cuál es la diferencia del plugin gravatar y gravars2?

gravatars2 permite guardar los avatares de tus comentaristas en tu servidor.

¿Por qué usar gravatars2 en vez de gravatar?

Seguramente, los que hayan usado el plugin oficial gravatars, recordaran que hace dos meses, dejaron de funcionar los avatares.

El plugin gravatars2 es la solución ideal para que no dependas tanto del servidor de gravatars

Antes de proceder al tutorial, deberías conocer sus pros y contras:

Lo bueno:

  • Si el servidor de gravatars se cae, tu blog continuará mostrando los avatares
  • Los avatares se cargan más rápido
  • Es más fácil de personalizar que el original, ya que todo es a través del panel de control y no tienes que tocar mucho el código fuente de tu theme

Lo malo:

  • Como los avatares se guardan en tu servidor, estarás usando el ancho de banda y el espacio de tu servidor
    Tampoco tienes que preocuparte mucho por el tema.
    Por ejemplo, ahora en este blog hay 50 avatares almacenados y ocupan 75.77 KB
  • Es un poco más difícil de instalar que el original

Instalación de gravatars2:

  1. Dirigete a:
    http://zenpax.com
  2. Descarga el fichero gravatars2.zip
  3. Descomprime el fichero gravatars2.zip
  4. Busca en el interior una carpeta llamada wp-content
  5. Sube la carpeta wp-content a la raíz de tu wordpress, donde hay los ficheros index.php, wp-config.php, wp-trackback.php…
  6. Si te dice que ya existe la carpeta wp-content y te pregunta por remplazar, haz clic en si a todo
  7. Accede al directorio:
    /wp-content/gravatars/
  8. Dale permisos CHMOD 777 a las carpetas local y global
  9. Dirigete al panel de control > plugins
  10. Activa el plugin gravatars2
  11. Abre el fichero comments.php de tu theme activo, por ejemplo:
    /wp-content/themes/default/comments.php
  12. Añade el código:
    <img src=”<?php gravatar(); ?>” class=”gravatar” alt=”gravatar” />

    por ejemplo, a lado de:
    <cite><?php comment_author_link() ?></cite>

    quedando asi:
    <img src=”<?php gravatar(); ?>” class=”gravatar” alt=”gravatar” /><cite><?php comment_author_link() ?></cite>

    asegurate que lo pegas dentro de:
    <?php foreach ($comments as $comment) : ?>

  13. Guarda los cambios del fichero comments.php
  14. Abre el el fichero style.css de tu theme activo, por ejemplo:
  15. /wp-content/themes/default/style.css
  16. Añade el código:
    .gravatar{
    float:left;
    padding: 3px;
    border: 1px solid #000;
    background: #fff;
    }
  17. Guarda los cambios del fichero style.css

Personalización

  • Cambiar el tamaño de los avatares
    1. Dirigete al panel de control > opciones > gravatars
    2. Donde pone Default gravatar size: pues poner por ejemplo 40
    3. Para guardar los cambios pulsa el botón submit
  • Configurar un avatar por defecto
    1. Sube el avatar en el directorio:
      wp-content/gravatars/
    2. Cambia el valor del campo de texto:
      Default gravatar image (relative to website document root path):
      por si tienes wordpress en un sub-directorio /blog, introduce:
      /blog/wp-content/gravatars/avatar_invitado.gif

      por si tienes wordpress en la raiz del dominio, introduce:
      /wp-content/gravatars/avatar_invitado.gif

    3. Para guardar los cambios pulsa el botón submit
Compartir   twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?  


▶ Ver 1 pings y 0 trackbacks

  1. Alex

    No me ha funcionado bien :(



  2. gafeman

    @Alex: ¿le diste permisos 777 ?

    justo cuando publique el articulo me equivoque y puse 766


    dime mas o menos donde te has quedado para que sea mas facil ayudarte



  3. hanok

    Yo lo instalé sin problemas.


    Me ha parecido un plugin muy bueno, había veces que el blog no daba cargado del todo y era por culpa del gravatar. Gracias por el aporte!



  4. Himliano

    Madre de dios, ésto ahora es un cobete, que diría el gañán.



  5. gafeman

    @Himliano: ¿cobete? jaja no te entendi, no sigo mucho esto del gañan



  6. Himliano

    Jejejeeje, es el vocabulario para hablar en gañan: cobete, otobús, indición … xD


    http://www.youtube.com/watch?v=ygtB3mW8EnQ



  7. gafeman

    @Himliano: jaja ahora nos entendemos :D



  8. Corpse Keeper

    Corpse Speak: Hola, pues mira, el plugin esta excelente solo que tuve que poner una línea diferente en comments.php para que me funcionara. Puse la línea siguiente:


    [?php if (function_exists('gravatar')) { gravatar_image_link(); } ?>

    [cite>[?php comment_author_link() ?][/cite]


    Solamente sustituyendo “[]” por los símbolos correctos :) “” , por lo demás todo me funcionó a la perfección. Ahora ya puedo usar avatares en mi blog. :)



  9. Francesc

    A mi me funciona el antiguo aun :)



  10. RiBo

    Muchas gracias por dar a conocer el plugin y con tan buenas instrucciones para los novatos como yo.

    Saludos.



  11. Manolo

    Disculpa gafeman, tengo mi gravatar subido con mi mail, pero como ves aquí en los comentarios no aparece. Aparece el icono de gravatar. ¿Sabes a que puede ser debido? En mi web no tengo problema porque lo tengo como local pero este es el primer comentario que realizo desde que subí el gravatar y no sé…



  12. Hvason

    Hola, bueno probe el plugin segui todos los pasos y al final me sale la ubicacion de la imagen en cada comentario pero no muestra la foto la cual supuestamente deberia mostrar cambie de url de imagen probe y nada haber man si me puedes ayudar.


    PD*- Recien empiezo en lo de wordpress pero ya le estoy agarrando el ritmo.


    Salu2.



  13. Auro

    Lo he instalado, me ha parecido una explicación de primera, lo he entendido hasta yo, jaja….pero ahora resulta que donde tendría que aparecer el avatar, sale esto ¿gravatar? como si no supiera que poner…y la verdad es que queda feo, sabes como puedo solucionarlo para que salgan las imágenes? estoy atascada…gracias



  14. gafeman

    @Manolo: si parece ser que tu avatar no lo carga, puede ser que le hayas puesto un rating que no es G, para ver el rating

    para ver el rating puedes loguearte en http://gravatar.com , donde salen los avatares de tu cuenta debajo de Choose a gravatar for the selected email or add a new one, pasa por encima de tu avatar y al lado veras una letra pequeña, si quieres puedes cambiarlo haciendo clic en la letra y luego seleccionar el rating X


    @Manolo: @Hvason: @Auro:


    importante:

    asignar permisos CHMOD 777 a los directorios, para hacerlo pueden utilizar cuteftp, hacer click derecho con el raton encima de una carpeta, seleccionar propiedades y luego ahi apareca un campo con los permisos (normalmente son 644), una vez cambiado pulsas aceptar para guardar los cambios

    /wp-content/gravatars/local

    /wp-content/gravatars/global


    - panel de control > administrar > gravatar cache > gravatar options

    - cambiar el valor default gravatar rating: X

    - para guardar los cambios, pulsar submit

    - luego vas a gravatar cache y le das al boton refresh cache (puede tardar bastante, segun el numero de comentarios que tengas en total)


    si tienes wp-cache y quieres ver rapidamente los cambios o esperas a que caduque la cache (normalmente 1 hora) o vas a:

    - panel de control > opciones > wp-cache

    - le das al boton delete cache


    @Hvason: @Auro: parece ser que no teneis ningun avatar asociado a vuestros mails, aqui teneis info para crear una cuenta en gravatar:

    http://www.viciao2k3.net/blog/wordpress/crear-cuenta-gravatar/



  15. Auro

    Muchas gracias por tu amabilidad Manolo, luego me pongo y lo miro con tranquilidad que ahora estoy en el curro….también me pasa otra cosa, en el panel de admin. gravatar, le ponga la medida que le ponga no me cambia…¿sabes por que puede ser?’


    Gracias de nuevo eres una gran ayuda


    Auro



  16. gafeman

    @Auro: mira en el panel de control de gravatars el tamaño sera de los gravatares que se hayan cargado correctamente.


    por lo que visto no te ha cargado ninguno, y se carga la imagen que tienes por defecto:

    http://www.lacocinadeauro.com/wp-content/gravatars/blank_gravatar.png


    y esta ocupa 80 x 80 pixeles, si quieres reducir esta imagen tendras que reducir la imagen al tamaño que deseas o puedes incluir en el css:


    edita el fichero:

    wp-content/themes/raindrops/style.css


    añade, esta linea:

    .gravatar{width:32px;height:32px;}


    guarda los cambios



  17. Auro

    Muchísimas gracias Manolo, eres un crack, me estas sirviendo de mucha ayuda, ya he disminuido y cambiado la imagen por defecto, pero no entiendo por que no carga al menos el mio, que se seguro que esta bien,…lo he repasado y seguido paso a paso todo lo que me has dicho y ahora está todo correcto, espera re un tiempo a ver si carga…y si no volveré a la carga…jajaja


    Un saludo y gracias de nuevo



  18. Auro

    No se la razón por la que aquí sale mi gravatar y en mi blog no…?crees que quizás no esté bien instalado?


    Saludos



  19. gafeman

    @Auro: has realizado el paso 12, creo q lo tienes difrente que yo, a mi no me aparecen enlaces en los avatares


    si me mandas el fichero comments.php de tu theme activo por email, seria mas facil ayudarte


    P.D. me hace gracia q me llames manolo, no se de donde lo has sacado pero en realidad me llamo miquel :D



  20. Auro

    Lo siento Miquel, se ve que vi que respondías al lector anterior “Manolo” y me debí quedar con ese nombre..jeje


    Lo del enlace, lo puse así para dar mas facilidad a la gente para hacerse el gravatar, pero vaya no creo que sea por eso, de todas formas lo raro es que salga en tu blog y no en el mio, te pasare el fichero por mail, a ver si tu detectas alguna pifia.


    muchisisimas gracia por todo



  21. Dario

    Holas, tengo un problemita con este plugin hago todo como dice ahi, cuando voy aver el resultado enves de la ventanita con la imagen parese esto “�gravatar�”

    y tambien cuando quiero entrar a gravatar cache me dice “Cannot load gravatars2.php”


    Que puede ser?

    Gracias!



  22. Auro

    gafeman, creo que lo conseguí, vengo a darte otra vez las gracias…


    saludos y hasta siempre


    Auro



  23. nueve

    de lujo, gracias!!!



  24. Molomazo

    Gafeman … me doy por vencido … hago todos los pasos uno por uno y nada, solamente me aparece el famoso ”gravatar” pero nada de la imagen … tiro la toalla …



  25. Molomazo

    … y sin embargo aquí aparece fenomenal … no lo entiendo …



  26. gafeman

    reinstala de nuevo, recuerda lo de los permisos y espera 3 dias ya me contaras



  27. Jose

    donde pngo mi avatar en este coment?’



  28. Takeaway

    Tengo un problema al cambiar los permisos, los cambio al 777 pero vuelve a su origen creo 755….



  29. Corpse Keeper

    Corpse Speak: Recientemente cambié mi dirección de blog, por causas de fuerza mayor, y reinstalé este plug-ing y ahora que lo instalé con la versión 2.3 de Wordpress batallé un poco con el tamaño de los avatares. No se pueden cambiar por medio de la opciones, o no sé que habré hecho mal, el caso es que lo resolví cambiando la hoja de estilo y poniéndole los valores de alto y ancho. Gracias por seguir actualizando y ofreciendo excelentes implementos para Wordpress.



  30. NicoBasketBlog

    Muy bueno este post, sobre todo que explicas todas las instrucciones paso a paso. Es de agradecer. Hecharemos un vistazo al resto del blog y nos suscribiremos.

    Un saludo



  31. Scyfox

    Saludos.


    Quisiera hacerte una consulta, el plugin que cuentas, funciona bien en IE6??


    Porque probé con Easy Gravatars y solo se ven en Firefox.


    Nos vemos.


    Silla!



  32. Dj duck

    Mi pregunta es como hacer que los usuarios escojan su propio avatar y lo suban a mi servidor cuando ellos quieran.


    Porfavor explicame ayudame, enviame un respuesta por email plis



  33. juan

    Estimado instale todo y al funciona bien


    El tema es donde me deja seleccionar el Gravatar para cada usuario o bien donde ellos lo pueden seleccionar


    En el perfil no me aparece y por default les esta metiendo a todos el signo de pregunta


    Graicas juan



  34. juan

    Soy el mismo de arriba y lo loco es tambien que veo y cambio los gravatars desde el panel de control me lo muestra pero en los comentarios me tira un error de imagen y no se ve =(



  35. paulo riquelme

    intentare instalarlo en mi web. Hace tiempo que busco poner los gravatar en el. Por cierto otra funcion que me parece interesante es la de notificar por email los comentarios de este post



  36. lopongoaca

    hace rato buscaba la forma de poner los avatares de nuevo, gracias.



  37. foxloghan

    Hola , pues mira… hago todo lo que dices, pero a la hora de visualizar las imágenes no me aparece nada ,, nadamas me marca:

    “Gravatar”

    pero nunca puedo visualizar las imágenes,, por favor hechame la mano …



  38. JoseC

    Yo cambie a este men, porque el que tenia me distorsionaba los comentarios, pero hice todo lo que dice aqui en el tutorial y no me aparece absolutamente nada :S .



  39. Illi.Pro

    gracias, me ha salido al 80% xD!



  40. Javier Roberto

    @lopongoaca:


    @Auro:


    Prueba a reescribir las comillas, al copiar y pegar se copian las comillas con un estilo diferente que wordpress no entiende.



  41. adRy0ne

    lo estoy probando en el nuevo theme que estoy preparando y no me rula, no sé porque pero no aparece el gravatar… y si le doy a ver imágen me va a (tomando el ejemplo de un post, copiando y pegando jeje):


    WTF! que puede pasar??



  42. gafeman

    @adRy0ne: si no te quieres comer la cabeza te recomiendo que lo hagas con la funcion nativa del wordpress get_avatar que esta disponible a partir de la version 2.5



  43. Nachete

    Hola! he intentado instalarlo y no puedorrrr!! Me sale el recuadro con una X y pone “gravatar”, sin embargo si accedo al panel personal de usuario si que me sale el avatar que tengo por defecto, pero en los comentarios no se muestra.


    He hecho los pasos que pone aqui pero nada de nada …., por cierto las propiedades de la imagen me sale: “http:www.naxet.net/escuadra127/%3C?php gravatar(); ?>”


    Os agradeceria mucho una manita


    Gracias de antemano!!!



  44. Nachete

    Hola de nuevo he conseguido que me muestre la imagen en los comentarios, pero ahora tengo el problema de que en la parte superior de me sale una fila con todos los avatares de todos los comentarios, es decir, si tengo 40 comentarios me sale una fila con 40 avatares.


    Alguien sabe como puedo solucionarlo?


    Gracias!



  45. gafeman

    @Nachete: ahora que los gravatares son nativos de wordpress lo mejor es no utilizar ningun plugin, mirate este tutorial que se curro adRy0ne



  46. Nachete

    Gracias por tu contestacion, pero lo que me interesaba era que cogiera mis propios avatares, al final he podido solucionarlo mediante la linea de codigo , lo de las comillas es porquelo tengo en medio de un sprintf


    Gracias de todas formas!



  47. Nachete

    Hola otra vez! como pueden los usuarios ponerse el avatar que quieran o ponerselos yo como administrador? al unico que le aparece el menu de avatar en el perfil es al administrador al resto no.

    ¿Como puedo cambiarlo?


    Gracias!



  48. nacho

    ayuda



  49. afperea

    gracias pro el post me ayudo mucho :)



  50. EGCdigital

    Genial ;)



  51. jiji

    hi



  52. Alfredo

    Excelente post, la verdad estaba buscando algo asi para mi blog, gracias. y funciona con cualquier version de wordpress , estoy usando la 2.6.5



  53. Pablogv

    gracias !! !!!!



  54. fffggg

    esto parese un poco dificil no???



  55. Hacer Dinero Con Tu Blog

    holas

    cuando instalo el plugin me aparece “gravatars” donde deberia poner la foto no se que quedo mal he revisado y la unica duda que tengo es donde poner el codigo en la hoja de estilos.


    puede ser al final???



  56. gafeman

    @Hacer Dinero Con Tu Blog: en la nueva version de wordpress no hace falta plugin!