Hace poco veíamos cómo crear un sistema de calificación por estrellas con CSS.

Hoy, eso ha cobrado un nuevo nivel: mi primer plugin para WordPress.

Es un plugin muy sencillo de usar, con opciones fáciles, y muy ligero. Podéis verlo en funcionamiento en este mismo post (y en el resto) ;)

Instalación

1- Instalar el plugin

Actualización: Ahora el plugin está en el directorio oficial de WordPress, así que ya podéis instalarlo buscando EC-Stars-Rating desde vuestro escritorio, o descargarlo desde la página oficial. También podéis calificarlo si queréis ;).

Luego tenéis que activarlo, pero ya sabéis cómo va eso, no?

2- Mostrar las estrellas

Ahora sólo falta que en vuestro tema pongáis (allá donde queráis que aparezca, probablemente en single.php o content-single.php) la siguiente línea de código:

<?php 
if(function_exists('ec_stars_rating')) {
	ec_stars_rating();
}
?>

Listo! He pensado en incluirlo en el directorio de WordPress, pero primero tengo que tener una página de documentación (o sea esta).

Configuración

Básicamente el plugin tiene una página (en Ajustes » EC Stars Rating), donde podéis escoger:

  • Tamaño de las estrellas: El valor de la propiedad font-size de CSS para las estrellas (si las estrellas son más grandes o pequeñas).
  • Colores: El color de las estrellas por defecto, de las estrellas votadas (el valor actual) o al pasar el ratón por encima, y el color de las estrellas al hacer click.
  • Mostrar los votos: Si el número de votos y votantes se debería de mostrar.
  • Usar microformats: Si se debería usar microformats o microdata. Con microformats aparece un link al post, y consigue que salgan las famosas estrellas en google.
  • Usar jQuery: He hecho una versión del script sin jQuery, para aquellos que no lo usen (el 95% de los sitios de WordPress lo usa, pero el mío no, así que… ;)). Sin jQuery no hay soporte para IE7, pero esto a mí no me parece ningún problema…

Soporte

Hasta que este plugin sea aceptado en el directorio de WordPress, cualquier problema (espero que pocos), lo podréis comentar aquí.

Descarga