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.

11 comentarios en “Instalar gravatars2, avatar en tu wordpress

  1. 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? 🙂

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

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

  4. 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?

  5. hola amigos la verdad no e podido integrar el gravatars2 a mi web ay indica que la atiqueta de
    pone el ejemplo pero mi pagina de comment.php no muestra esa linea de codigo tambien indicas en el comerntario recordar estar dentro de pero tampoco lo encuentro en mi plantilla es la que usa por defecto ,Twenty Ten si me puedes desir que puedo aser o ubicar un poco mejor sobre la uvicasion de la imagen te lo agradeseria

  6. Según tengo entendido en las últimas versiones de WordPress ya viene instalado la compatibilidad con gravatar por lo que no es necesario reinstalarlo.

Deja un comentario