Después de que varias personas solicitaran soporte para Gravatar en los comentarios del popular tema Choice de WordPress, decidí investigarlo más detenidamente. Me encontré con este gran post de HackWordPress que le da un pequeño fragmento de código para añadir Gravatars a su bucle de comentarios. Desde entonces, he estado añadiendo soporte Gravatar a todos los temas aquí, sólo porque es tan fácil de hacer. En esta guía te voy a mostrar cómo exactamente integrar Gravatars en temas.
Antes de continuar, por favor entienda que esta guía está escrita sólo para WordPress 2.5 y superiores. El código no funcionará en versiones anteriores.
El código de Gravatar
Simplemente poniendo el siguiente código en tu bucle de comentarios funcionará, pero probablemente no se verá muy bien tal cual.
<?php if(function_exists('get_avatar')) { echo get_avatar($comentario, '50'); } ?>
Básicamente este código comprobará si tienes el get_avatar (nativo de WordPress 2.5), y luego mostrará el avatar del comentarista en un cuadrado de 50px.
Usar una regla
Si quieres asegurarte de que tus Gravatars tienen un tamaño adecuado, te recomiendo la extensión de Firefox MeasureIt. Esto le ayudará a medir un área en su tema para determinar un buen tamaño para Gravatars.
¿Dónde colocar el código?
En el tema Choice, encontré que 40 era un buen tamaño. Entonces, ¿dónde puse este código exactamente?
En cualquier lugar dentro del foreach y endforeach (el bucle de comentarios) funcionará.
Estilizar sus Gravatars
Una vez que tengas los Gravatars mostrados en tu plantilla de comentarios, probablemente querrás darles estilo también. Notarás que el código de Gravatar escupe la clase “avatar” en cada imagen. Vamos a añadir una línea a la hoja de estilos CSS para flotar esto a la izquierda, y añadir un pequeño margen derecho.
img.avatar {float:left; margin-right:5px;}
Ahí lo tienes, tienes Gravatars de aspecto agradable, perfectamente dimensionados y con estilo. Por supuesto, los temas serán diferentes, puede darles el estilo que desee.
Conclusión
Recuerde, este código sólo funcionará en WordPress 2.5 y superior. La etiqueta condicional function_exists hará que tu tema no se rompa, pero no aparecerá nada en versiones anteriores. Encontrará más información sobre otros métodos para usar Gravatars en el Codex de WordPress.
Si acabas de leer todo este artículo y no tienes ni idea de lo que es un Gravatar, te sugiero que leas primero este otro de Lorelle en WordPress. Repasa los conceptos básicos de cómo obtener tu propio Gravatar registrándote en Gravatar.com, así como el uso de Gravatars en versiones anteriores de WordPress con plugins.
Los Gravatars no sólo se pueden utilizar para los comentarios, sino que también se pueden añadir a las entradas individuales del autor.
Si te ha gustado el artículo, no dudes en comentarlo y compartirlo. Me gustaría conocer tu opinión. Suscríbete al feed para recibir las últimas actualizaciones de Theme Lab.
[…] Comments with Gravatar support […]
[…] Add Gravatar Support to Your WordPress Comments (tags: wordpress gravatar Tags: Daily Links, design links, links Posted under: Daily Links Subscribe to this feed […]
[…] by myself. This theme has all the normal features of a blog theme here at Theme Lab, including Gravatar support for comments, a widget-ready sidebar, and native WordPress tag support. This theme also 125×125 ad […]
[…] Updates like these just get you all excited to try and make use of the features, full avatar support as well for commenters across both gravatar, identicon and monsterID. Been dying to implement the avatar feature on the company blog for sometime, and this will be the perfect time. For those wanting to add it as well, found a great writeup this morning on how to enable the feature with some very basic PHP changes here, Gravatar Support. […]
[…] Soul, integrated into a WordPress theme. This one has all the usual features, including native Gravatar support (WordPress 2.5+ only), tagging support, and a widget-ready sidebar. It also has a special homepage […]
interesting, I’m facing the gravatar issues right now, it fixed well in my mozilla browser but turn ugly on IE7..
Thanks a lot. I tried some other codes offered around the web, this one was the one that worked exactly as I needed!
Thanks!!!
Thank you! You explained it very easily.
Thanks!
Thanks for the help!
wow, thanks for the tutorial 😀
i was wandering the net for this, thanks
[…] Add Gravatar Support to Your WordPress Comments | Theme […]
Muchas gracias por el articulo.
[…] hemos visto en ThemeLab SHARETHIS.addEntry({ title: “Soporte de gravatar en wordpress”, url: […]
[…] THEMELAB: “Add Gravatar Support to Your WordPress Comments” […]
[…] THEMELAB: “Add Gravatar Support to Your WordPress Comments” […]
[…] Visit Tutorial […]
Oh, that is good, you implemented gr avatars. They look good.
@Leland: Thanks for the comment, it was very nice of you.
@Banago, left you a comment on your blog. 🙂
About Gravatars on Theme Lab, I’ll add those soon enough.
@Leland: Thanks for your feedback, I really appreciate that. I would love it if you posted a commet at my blog as not everybody had done so 🙁
Second: When do you intend to implement gravatars at your blog? 🙂
Thanks for the tips…
Hope to enable in my theme verysoon….
some themes now coming with buid-in gravatar support such as mistylook! 🙂
Great post Leland!
I’m a huge supporter of Gravatars, so I love seeing more theme designers add built-in Gravatar support.
Like you said, it really is that easy to do!
@Banago: Nice, I like it. Thanks for commenting.
I have implemented gravatars at the theme of my blog. In fact I was about to ask for a feedback about my new design. I would love your feedback. Thanks!