Despu ilde{s} de que varias personas solicitaran compatibilidad con Gravatar en los comentarios para el popular tema de WordPress Choice, decid ilde{i} investigar m ilde{a}s a fondo. Me encontr ilde{e} con esta excelente publicaci ilde{o}n de HackWordPress que te proporciona un peque ilde{n}o fragmento de c ilde{o}digo para a ilde{n}adir Gravatars a tu bucle de comentarios. Desde entonces, he estado a ilde{n}adiendo compatibilidad con Gravatar a todos los temas de aqu ilde{i}, simplemente porque es muy f ilde{a}cil de hacer. En esta gu ilde{i}a te mostrar ilde{e} c ilde{o}mo integro *exactamente* los Gravatars en los temas.
Antes de continuar, por favor entiende que esta guía está escrita solo para WordPress 2.5 y superior. El código que se revisará no funcionará en versiones anteriores.
El Código Gravatar
Simplemente insertar 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($comment, '50'); } ?>
Básicamente, este código verificará si tienes la función get_avatar (nativa de WordPress 2.5) y luego mostrará el avatar del comentarista en un cuadrado de 50px.
Usa una Regla
Si quieres asegurarte de que tus Gravatars tengan un tama ilde{n}o adecuado, te recomiendo la extensi ilde{o}n de Firefox MeasureIt. Esto te ayudar ilde{a} a medir un ilde{a}rea en tu tema para determinar un buen tama ilde{n}o para los Gravatars.
¿Dónde poner el código?
En el tema Choice, encontré que 40 era un buen tamaño. Entonces, ¿dónde puse este código exactamente?
Cualquier lugar dentro del foreach y endforeach (el bucle de comentarios) funcionará.
Estilizando tus Gravatars
Una vez que tengas los Gravatars mostrados en tu plantilla de comentarios, probablemente querrás estilarlos también. Notarás que el código de Gravatar genera la clase “avatar” en cada imagen. Agreguemos una línea a la hoja de estilo CSS para que flote a la izquierda y agregue un pequeño margen derecho.
img.avatar {float:left; margin-right:5px;}
¡Listo! Tienes Gravatars con buen aspecto y tamaño perfecto. Por supuesto, los temas variarán, puedes estilarlos como prefieras.
Conclusión
Recuerda que este c ilde{o}digo solo funcionar ilde{a} en WordPress 2.5 y versiones posteriores. La etiqueta condicional function_exists har ilde{a} que tu tema no se rompa, pero no aparecer ilde{a} nada en versiones anteriores. Hay m ilde{a}s informaci ilde{o}n sobre otros m ilde{e}todos para usar Gravatars en el Codex de WordPress.
Si acabas de leer todo este art ilde{i}culo y no tienes ni idea de qu ilde{e} es un Gravatar, te sugiero que leas este primero de Lorelle en WordPress. Explica los conceptos b ilde{a}sicos de c ilde{o}mo obtener tu propio Gravatar registrándote en Gravatar.com, as ilde{i} como el uso de Gravatars en versiones anteriores de WordPress con plugins.
Los Gravatars no solo se pueden usar para comentarios, sino que tambi ilde{e}n se pueden a ilde{n}adir a las publicaciones individuales de los autores.
Si te gust ilde{o} el art ilde{i}culo, no dudes en comentar y compartir. Me gustar ilde{i}a saber tu opini ilde{o}n. Suscr ilde{i}bete a la fuente para recibir las ilde{u}ltimas actualizaciones de Theme Lab.
[…] Comentarios con soporte para Gravatar […]
[…] Agrega soporte para Gravatar a tus comentarios de WordPress (etiquetas: wordpress gravatar Etiquetas: Enlaces Diarios, enlaces de diseño, enlaces Publicado bajo: Enlaces Diarios Suscríbete a esta fuente […]
[…] por mí. Este tema tiene todas las características normales de un tema de blog aquí en Theme Lab, incluido el soporte para Gravatar en los comentarios, una barra lateral lista para widgets y soporte nativo para etiquetas de WordPress. Este tema también [tiene anuncios de] 125×125 […]
[…] Actualizaciones como estas te emocionan para intentar y usar las funciones, soporte completo de avatares también para comentaristas en gravatar, identicon y monsterID. Llevaba tiempo queriendo implementar la función de avatar en el blog de la empresa, y este será el momento perfecto. Para aquellos que quieran añadirlo también, encontré una excelente guía esta mañana sobre cómo habilitar la función con cambios muy básicos en PHP aquí, Soporte de Gravatar. […]
[…] Soul, integrado en un tema de WordPress. Este tiene todas las funciones habituales, incluido el soporte nativo de Gravatar (solo WordPress 2.5+), soporte de etiquetas y una barra lateral lista para widgets. También tiene una página de inicio especial […]
interesante, estoy teniendo problemas con gravatar ahora mismo, se arregló bien en mi navegador mozilla pero se ve feo en IE7..
Muchas gracias. Probé otros códigos ofrecidos en la web, este fue el que funcionó exactamente como necesitaba.
¡¡¡Gracias!!!
¡Gracias! Lo explicaste muy fácilmente.
¡Gracias!
¡Gracias por la ayuda!
wow, gracias por el tutorial 😀
estaba buscando esto en la red, gracias
[…] Añadir soporte de Gravatar a tus comentarios de WordPress | Tema […]
Muchas gracias por el artículo.
[…] hemos visto en ThemeLab SHARETHIS.addEntry({ title: “Soporte de gravatar en wordpress”, url: […]
[…] THEMELAB: “Añadir soporte de Gravatar a tus comentarios de Wordpress” […]
[…] THEMELAB: “Añadir soporte de Gravatar a tus comentarios de Wordpress” […]
[…] Visitar Tutorial […]
Oh, eso está bien, implementaste los avatares de gravatar. Se ven bien.
@Leland: Gracias por el comentario, fue muy amable de tu parte.
@Banago, te dejé un comentario en tu blog. 🙂
Sobre los Gravatars en Theme Lab, los añadiré pronto.
@Leland: Gracias por tu opinión, realmente la aprecio. Me encantaría si publicaras un comentario en mi blog, ya que no todos lo han hecho 🙁
Segundo: ¿Cuándo tienes la intención de implementar gravatars en tu blog? 🙂
Gracias por los consejos…
Espero habilitarlo en mi tema muy pronto…
Algunos temas ahora vienen con soporte integrado para gravatar, ¡como mistylook! :)
¡Gran publicación Leland!
Soy un gran partidario de Gravatars, así que me encanta ver que más diseñadores de temas agregan soporte integrado para Gravatar.
Como dijiste, ¡realmente es así de fácil de hacer!
@Banago: Bien, me gusta. Gracias por comentar.
He implementado gravatares en el tema de mi blog. De hecho, estaba a punto de pedir comentarios sobre mi nuevo diseño. Me encantaría tu opinión. ¡Gracias!