Sin duda, Gravatar se ha ido convirtiendo en algo estándar a la hora de comentar en un blog de WordPress. Y la verdad es que es simpático mostrar una imagen de nosotros cada vez que opinamos.

Ahora bien, varios tenemos un blog. Y muchos quieren seguir la onda de Gravatar. ¿Cómo podemos hacer para que estas propias imágenes se muestren también en nuestro blog?.

En primer lugar, aclaro que este tutorial sólo te servirá si utilizas WordPress 2.5 ó superior.

El archivo ‘comments.php’

Todas las plantillas WordPress por lo general trae incluido el fichero ‘comments.php’. Esta, se encarga de visualizar y hacer posible los comentarios. Si te animas a conocer más de fondo este archivo, puedes ver este artículo realizado por Ayuda WordPress, donde analizan el código y explican su funcionamiento. Por lógica, deducimos que es en este fichero realizaremos las modificaciones.

Examinando las secciones en WordPress

Bien, vamos al grano. Aunque no lo creas, es posible agregar los Gravatars sin plugins ni nada por el estilo. Solo aplicaremos una línea de código.

Dentro de WordPress 2.5 ó superior, tenemos las llamadas Opciones de Discusión. Si nos dirigimos al final de la página, encontraremos la sub-sección “Avatares”. Y ella se divide en:

1. Visualización de Avatares: Aquí puedes elegir entre mostrar o no los “Gravatars”. Si sigues este tutorial, selecciona la opción “Mostrar Avatares”.
2. Puntuación Maxima: Si tu blog posee contenidos de índole ofensiva, marca la opción PG. Si tu blog posee contenido sexual, puedes seleccionar entre – o X, dependiendo de tu elección. Y si el blog es “normal”, selecciona G.Obviamente, esto dependerá de la imagen que tengas en Gravatar.
3. Avatar por defecto: Si el visitante no posee Gravatar, tienes 6 opciones para elegir qué imagen se mostrará

Añadiendo el código

Aquí ya entramos a la última etapa del tip. Debemos editar el ya mencionado fichero ‘comments.php’ desde la sección Diseño - Editor de Plantillas. Y luego seleccionamos el archivo.

Ahora, elige el lugar que quieras para insertar el siguiente código:

<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '40'); } ?>

Puedes cambiar el valor ‘40′ a tu gusto.

Si no sábes dónde agregar el código, te dejo una imagen para que te sirva de ejemplo:

Click en la imagen para verla completa

Y si lo quieres con estilo, puedes añadir esto (como se muestra en la imagen):

<div style="float: left; margin-right: 5px;">
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '40'); } ?>
</div>

Así quedará más alineado.

Si tienes dudas o problemas, ya sábes lo que tienes que hacer. Ojalá te haya gustado y servido el tutorial.