28 de agosto de 2008

Como implementar o incluir Gravatars en Wordpress

GravatarLos que visitáis el blog con frecuencia y sobre todo quienes dejáis comentarios sabréis que hasta ahora en Xeduced no tenía implementados los Gravatars, esas pequeñas imágenes asociadas a la identidad de cada comentarista que en realidad solo sirven para darle algo mas de vidilla y color al apartado de los comentarios.

Esto estaba así a propósito, porque antes solo era posible incluirlos con un plugin y no soy demasiado amigo de utilizar plugins, a no ser que me parezcan imprescindibles o muy útiles. Sin embargo, a partir de la versión 2.5 de Wordpress ya viene incluido de manera nativa todo el código necesario para incluir los Gravatars en tus comentarios. ¿Todo? Bueno, en realidad no todo. La gente de Wordpress ha preferido que el último paso necesario lo demos nosotros de manera opcional, porque siempre habrá gente que no quiera Gravatars o que quiera personalizarlos de alguna manera. Por eso el último - y único - paso consiste en incluir en tu plantilla una simple linea en el lugar donde desees que aparezcan los Gravatars. Veamos como:

En primer lugar tenemos que localizar el punto donde incluiremos la linea necesaria. Para esto tenemos que acudir a la administración de Wordpress y editar nuestra plantilla, en concreto el archivo “comments.php”. Dentro de dicho archivo buscaremos lo siguiente:

<?php foreach ($comments as $comment) : ?>

Esta linea marca el inicio del bucle que controla los comentarios y entre ella y

<?php endforeach; ?>

que marca el final del bucle, es donde procederemos a insertar el código para los Gravatars.

En segundo lugar, una vez localizado el sitio hay que incluir el código. La sintaxis para la linea a insertar sería:

<?php echo get_avatar($comment, $size=’valor’, URL); ?>

Donde $comment sirve para identificar al comentarista, valor es la dimensión en pixeles que queremos para nuestro Gravatar - Por defecto vale 80 - y URL es la dirección de la imagen que queremos que aparezca cuando alguien no tenga su propio Gravatar, pero este último parámetro no es necesario a no ser que queramos personalizar esa imagen, porque ya trae una imagen por defecto.

Yo he utilizado la siguiente función para mostrar Gravatars de 40×40 pixeles, como veis sin tercer parámetro.

<?php echo get_avatar($comment, $size=’40′); ?>

Pero para darle un poco de formato la he completado con esto:

<div style="float:left; margin-right:5px;">
<?php echo get_avatar($comment, $size=’40′); ?>
</div>

Es lo mismo que antes, pero con un estilo añadido. Le estoy diciendo que quiero que la imagen flote a la izquierda del texto del comentario y que tenga un margen por la izquierda de 5 pixeles, para que no se pegue mucho al texto. Como veis las posibilidades son muchas.

Bueno, ya nadie tiene excusa para no incluir Gravatars en su plantilla. Espero que haya quedado clara la explicación y os pueda ser de ayuda a alguien.

Promocionalo
Agregadores / Favoritos

Si el contenido de esta entrada te ha parecido interesante, puedes darlo a conocer fácilmente a otras personas y colaborar en su difusión haciendo uso de cualquiera de los siguientes agregadores. ¡Muchas gracias por tu voto!

También puedes seguir el contenido de este blog vía RSS o recibir los artículos en tu correo electrónico, rellenando el formulario que encontrarás en la barra lateral izquierda.

15 Comentarios en “Como implementar o incluir Gravatars en Wordpress”

  1. 1 Comentario por /grunch0 — July 15, 2008 @ 6:32 pm

    Uhmss enorabuena, almenos asi le da algo de vidilla por que la gran mayoria tenemos ya gravatar :)

    PD : Aunque sale a su antojo..

  2. 2 Comentario por Public Enemy — July 15, 2008 @ 7:17 pm

    A que te refieres con que sale a su antojo? En general? o a que no está funcionando bien en mi blog? Yo aparentemente si veo los Gravatars de la gente, pero si ves algo raro dímelo!

  3. 3 Comentario por cleoppatra — July 15, 2008 @ 7:57 pm

    Gracias por esta gran ayuda, tenia ganas de ponerlo en mi web.
    Un saludo

  4. 4 Pingback por URIELMANIA» diseño » Incluir Gravatars en Wordpress — July 16, 2008 @ 2:08 am

    [...] Gravatars en tus comentarios.pero nunca habia interesa checar como ponerlo hasta que lei el post Como implementar o incluir Gravatars en Wordpress en Xeduced es realmente facil solo tenemos que incluir una simple linea en la plantilla [...]

  5. 5 Comentario por /grunch0 — July 16, 2008 @ 2:22 pm

    @PublicEnemy, no tio que va si aqui se veran bien, lo que quiero decir que lo de los gravatars funciona cuando le da la gana en cualquier blog xDD

  6. 6 Comentario por Lucía — July 16, 2008 @ 7:34 pm

    Voy a ponerlo ahora mismo!!

    A ver si es tan fácil como lo pintas (no es que desconfíe de ti ni mucho menos, es que yo soy especialista en complicar lo más simple hasta límites insospechados,jeje)

    Luego te cuento!!

  7. 7 Comentario por Lucía — July 16, 2008 @ 8:56 pm

    A mí casi no se me ven y me salen debajo del texto aunque he copiado vilmente tu disposición a la izquierda …

    Si es que lo que yo te diga. Soy incapaz de seguir cuatro instrucciones,jeje.

  8. 8 Comentario por Óscar Herbón — July 17, 2008 @ 1:30 pm

    Tendré que probarlo porque hasta ahora usaba el plugin Easy Gravatar. Habrá que ver el resultado.

  9. 9 Comentario por illbnet — July 19, 2008 @ 3:13 pm

    Que buen post has escrito, lo que comentas es una gran utilidad. Es una lástima que el CMS de Wordpress no lo traiga incluido por defecto

  10. 10 Pingback por Como numerar comentarios en Wordpress | Xeduced.com — July 22, 2008 @ 9:03 pm

    [...] en la linea de la entrada que publiqué hace unos pocos días explicando como añadir Gravatars en los comentarios de Wordpress hoy os voy a explicar otro truco mas para dar estilo a los comentarios. En concreto hoy vamos a ver [...]

  11. 11 Comentario por adRy0n3 — July 28, 2008 @ 5:00 pm

    yo en el nuevo theme lo probé por plugin, pero el gravatar no se separa del texto :S tengo que solucionarlo jeje

  12. 12 Comentario por joshua — August 4, 2008 @ 3:57 pm

    yo no puedo configurarlo me sale esto :S

    http://img410.imageshack.us/my.php?image=gravatarkq3.jpg

  13. 13 Pingback por Como resaltar los comentarios del admin en Wordpress | Xeduced.com — August 5, 2008 @ 1:57 pm

    [...] en Star Wars PixelizadaWakamono en Star Wars PixelizadaYo misma en Star Wars Pixelizadajoshua en Como implementar o incluir Gravatars en Wordpressozutto en Blog en obrasPepitu en El suicidio mas [...]

  14. 14 Comentario por Lucía — August 7, 2008 @ 3:17 pm

    Después de probar todo lo que se me ha ocurrido (que no es mucho) los he quitado Public porque ni se modificaba el tamaño ni nada …

    Jo, qué inútil soy para estas cosas,jeje.

  15. 15 Comentario por ncczn — August 24, 2008 @ 11:48 pm

    gfnfdmgfdhm

Deja un comentario