Instalar gravatars2, avatar en tu wordpress

Para todo administrador de blog que quiera mostrar los avatares de las personas que comentan en su blog, le recomiendo Gravatars2. A raíz de una petición a través del formulario de contacto, me puse a investigar y descubría en viciao2k3 la solución perfecta.

¿Qué es un avatar?

Un avatar es una imagen que representa a una persona o usuario. Puedes crear un avatar estilo manga por ejemplo o a partir de una imagen que te guste.

Diferencias entre gravatars y gravatars2

La única y gran diferencia a la vez es que los avatares de tus usuarios se guardan en tu servidor con gravatars2. Pero por todo lo demás son iguales.

¿Como instalar 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. Yo le he hecho una modificación en el estilo:
    .gravatar{
    float:left;
    padding: 3px;
    margin: 0 5px 7px 0;
    border: 1px solid #000;
    background: #fff;
    }
  18. Guarda los cambios del fichero style.css

Una vez tengamos hecho esto, ya podremos disfrutar de la visualización de los avatares en nuestro blog de WordPress.

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

Cosas a tener en cuenta:

  1. Si copias el código, es posible que al pegarlo en tu blog, aparezcan unas ” inclinadas hacia la derecha. Modificalas y pon las normales o si no te dará un error.
  2. Si dentro del panel de administración del plugin modificas el tamaño de los avatar, ten presente que es posible que el avatar por defecto no te lo modifique. Cámbiale el tamaño con cualquier programa de edición de imagenes.

Has visto ya...

  • ¿Viciao2k3 te lo pidió por el formulario de contacto? Qué raro me parece todo esto… xD

  • Perdón, tiene toda la razón. Me he explicado como el culo. Ya creo que si está claro.

  • Se nota que has puesto el gravatar2, he cambiado mi foto hace un par de días y aún no está cambiado aquí. Bueno, ¿como te va por ahora el experimento? :-)

  • Aaaa que mamonazo, no problemo borro la cache del gravatar2 y solucionado ya tienes tu avatar actualizado.

    Creo que le ha dado un toke más personal a los comentarios , me ha gustado mucho esta aportación.

  • ¿Pero no actualiza la caché automáticamente cada un determinado tiempo?

  • No porque la caché está en mi servidor, para no depender de servidores externos.

  • Sí, pero sigo haciendo la misma pregunta. ¿No se auto-actualiza o se limpia la caché de tu servidor cada un determinado tiempo? Quiero decir, debería comprobar que las imágenes almacenadas han cambiado cada algo de tiempo, porque si no, no tendrías nunca los avatares reales que la gente pueda tener si lo cambian.

  • No es automático, sólo se puede hacer manualmente. Cada cierto tiempo la actualizaré, una vez semanal o así. De todas formas ¿cada cuánto cambias el avatar?

  • gracias

Puedes seguir los comentarios a través de RSS 2.0