Laboratorio: Feel the Comments plugin para WordPress

Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Jue06Nov2008

Laboratorio: Feel the Comments plugin para WordPress

Ayer se lió una buena por lo de Mobuzz. Estuve leyendo todo lo que puso Javier Martín en su blog y los comentarios de la gente, que suelen ser muy interesantes. Había opiniones en contra, a favor y de todo tipo, y me hubiera gustado poder distinguir de que tipo era cada comentario de forma rápida.

Por eso se me ocurrió hacer un plugin para WordPress en el que el comentarista pudiera indicar su estado de ánimo: en general o sobre el post en particular, según permita el administrador del blog.

Desde la administración de WP, se podrá indicar que estados de ánimo puede indicar el usuario. Para ello escribirá pares tipo:texto en una caja de texto, por ejemplo:

:¿Cómo te sientes?
acuerdo:Estoy totalmente de acuerdo
desacuerdo:Va a ser que no
encanta:¡Me encanta!
pordios:¡¡Por Dios!!

Como se puede ver el primer par no tiene el tipo de "sentimiento", esto es así para poder dar la oportunidad a ser neutral en tu comentario. Hay que tener en cuenta que la opción por defecto es la primera.

Una vez que ya hemos instalado el plugin y lo hemos activado, tan solo tendremos que modificar la plantilla de comentarios para añadir el combo y para añadir un CSS que nos permita identificar cada estado de ánimo (el nombre del estilo corresponde al tipo de la lista anterior).

Para añadir el combo solo tendremos que añadir el siguiente código allá donde queramos, lo más lógico es antes del submit:

<?php if (function_exists('feel_the_comments_draw_select')) feel_the_comments_draw_select(); ?>

Para añadir la clase tan solo será necesario incluir una llamada PHP, pero con la salvedad de que hay que hacerla después de recuperar el ID del comentario. Esto es debido a dos cosas: WP es un asco y yo no tenía ganas de buscar una solución mejor. WP permite añadir hooks que se ejecuten en los filtros y las acciones, a parte de que el código de WP es ~~una chapuza~~ un lío, las funcionalidades que ofrece no son todas las que yo necesitaba, o simplemente no encontraba cómo hacerlo. Un ejemplo del código sería el siguiente:

<li  id="comment-<?php comment_ID() ?>" class="<?php echo feel_the_comments_get_class(); ?>">

Como resultado tendremos un combo en el formulario de comentarios que nos permite elegir el tipo de sentimiento que queremos expresar:

Y también unos comentarios con diferentes estilos según el sentimiento general que quieran expresar. Yo no le he dado muchas vueltas y he añadido el color negro para indicar el "¡Por Dios!", el azul para "Estoy de acuerdo", el verde para "Me encanta" y el gris para "No estoy de acuerdo", el resto irían sin estilo propio.

Como he dicho antes, no es un plugin perfecto ya que WP me desespera y no tenía demasiadas ganas de ser perfeccionista, así que si alguien quiere mejorarlo, por mi perfecto.

Descarga: Feel the Comments

Relacionados

Convertir WordPress en un CMS (Viernes, 20 Mar 2009)
Tutoriales para crear plugins en jQuery (Viernes, 13 Mar 2009)

Luis Sacristán

Feedback off | Del.icio.us

1. fesja ~ Jueves, 06 Nov 2008 | 21:44H:

buena idea, echa un vistazo a Get Satisfaction. Cuando comentas puedes elegir una carita, queda mucho mejor :-)

2. Luis ~ Viernes, 07 Nov 2008 | 12:12H:

Hola Fesja, gracias por el enlace, no lo conocía. Hace más o menos lo mismo que lo que he hecho yo.

Con Feel the Comments puedes poner caras ya que va por estilos y se podría hacer mediante el background.

La verdad es que hacerlo como lo ha hecho esa gente no me supondría mucho trabajo, aunque sí mucha pereza :D

Saludos

3. Ujojrwwc ~ Viernes, 14 Nov 2008 | 18:36H:

Good luck,

4. JRMora ~ Lunes, 24 Nov 2008 | 02:14H:

Hola Luis.
He esgtado intentando probar el plugin y no he podido conseguir verlo funcionando.
¿Podrías poner un ejemplo de cómo quedaría el CSS para un color o darme alguna pista?
Igual estoy haciendo algo mál añadiendo la clase.
Saludos y enhorabuena por trabajo.

5. Luis ~ Martes, 25 Nov 2008 | 10:40H:

Un ejemplo sencillo sería:

Tenemos estos datos en el admin
:¿Cómo te sientes?
acuerdo:Estoy totalmente de acuerdo
desacuerdo:Va a ser que no
encanta:¡Me encanta!
pordios:¡¡Por Dios!!

Modificando la lista de comentarios así:
<li id="comment-<?php comment_ID() ?>" class="<?php echo feel_the_comments_get_class(); ?>">
Recuerda que feel_the_comments_get_class debe estar después de comment_ID,

El CSS de ejemplo sería:
li.acuerdo { background: blue; }
li.desacuerdo { background: gray; }
li.encanta{ background: green; }
li.pordios { background: red; }

Espero que te ayude

6. jrmora ~ Miércoles, 26 Nov 2008 | 16:29H:

Muchas gracias Luis
Luego pelearé un rato a ver si soy capaz de acoplarlo y te cuento si he sido capaz