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

33 pensamientos en “Calificación con estrellas para WordPress: EC-Stars-Rating

  1. Bitacoras.com
  2. Imagen de Miguel ÁngelMiguel Ángel el dijo:

    ¡Eres grande Emilio! El plugin me ha sido de gran utilidad. Muy recomendable para aquellos que quieren permitir que las entradas de su bitácora sean calificadas por los visitantes. Un plugin limpio, con un peso ligero, simple y práctico. Mucho ánimo para seguir iluminando un camino que cada vez se hace menos estrecho.

    MUCHAS GRACIAS.

    Un abrazo, amigo.

  3. Imagen de Alejo Méndez el dijo:

    Emilio, yo te quería preguntar si hay una manera de agregar los efectos a:hover y a:link varias veces. Es decir, rojo el título de las entradas, pero en la sidebar que el archivo o las categorías se vean celestes. Entiendes ¿?

    Gracias y perdón por colocarlo en este post.

  4. Imagen de DaniDani el dijo:

    Hola.
    El plugin es excelente.
    Me preguntaba si sería posible agregar una función para visualizar las estrellas mediante shortcode y no modificando el código del tema.
    Además, no he encontrado widget que pueda mostrar los posts más votados.

    • Imagen de Emilio Cobos Álvarez el dijo:

      Hey! Esa es una idea genial (ambas, en realidad).

      Ahora mismo no puedo hacerlo por falta de tiempo (ni siquiera he podido actualizar el post para decir que ya está en el directorio oficial).

      Me pongo en cuanto pueda, estáte atento al feed para recibir actualizaciones.

      • Imagen de DaniDani el dijo:

        Perfecto.
        Las dos funciones podrían ser muy útiles, ya que este es el plugin de calificaciones más rápido que he probado.
        Estaré atento a las próximas publicaciones del directorio.
        ¡Buen trabajo!

      • Imagen de jona el dijo:

        Hola emilio, antes qué nada gracias por responder. he puesto el codigo pero aun asi, sigue sin funcionar. La verdad que no se qué puede ser, ademas las estrellas aparecieron en google y desaparecieron . :/ – dejo link del sitio.

  5. Imagen de Christian el dijo:

    Hola capo, como andás?
    te quiero hacer una consulta, estoy probando tu sistema de calificación en una página que tiene un fondo oscuro, y noté que en “stand-by” te muestra el promedio de voto en las estrellas poniendo un cuadrito transparente sobre las estrellas no alcanzadas.
    Hay manera que en el estado normal muestre el promedio de votos tal cual se vé al estar haciendo hover por ejemplo?

    Muchas gracias, espero haberme explicado
    Abrazo, y Felicitaciones por tu plugin, realmente de todos los que probé es el que mejor resultado me dio por su simpleza

    Saludos!

  6. Imagen de Kikobeats el dijo:

    Hola!

    El plugin me parece muy bueno y me ha venido como anillo al dedo. ¡Felicidades!

    Me gustaría poder explotarlo un poco y, por ejemplo, obtener los post más puntuados en un intervalo de tiempo (Más puntuado de la semana, del mes, del año….)

    ¿Crees que podría hacerlo?

    He visto plugins en donde puedes ajustar esa opción en el shortcode (claro que eran plugins que iban destinados a otro tipo de tareas, por ejemplo, un calendario). Como he visto que este plugin no tiene nada parecido y en principio no sé cómo podría hacerlo he decidido preguntarte directamente :)

    Un saludo!

    • Imagen de Emilio Cobos Álvarez el dijo:

      Siento por haber tardado en responder (estaba con la selectividad).

      Ahora mismo sólo está la opción de usar los más puntuados en general (en la última versión).
      Hacer intervalos llevaría a la sobrecomplicación del plugin (tener que guardar fechas de los votos…), que por su finalidad (ser ligero) y estructura actual no podría ser llevado a cabo.

      Lo siento, pero eso ahora no está en mis planes. No obstante, es código libre, así que cualquiera podría modificarlo a su gusto.

  7. Imagen de ElenaElena el dijo:

    Hola!
    Acabo de instalar tu plugin que me parece genial y sencillo, pero me ha surgido una duda, ¿sería posible mostrar los votos en una sección de últimos post? En plan el título, la descripción y la votación…

    Saludos y enhorabuena por el plugin! :)

  8. Imagen de ElenaElena el dijo:

    Muchas gracias por contestar.

    Me surge otra duda, las valoraciones se almacenan en base de datos? Estoy buscando la forma de acceder a ellas de forma externa :P

    Gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre data-language=""> <ul> <ol> <li>
Para poner código usa <pre data-language="[lenguaje]"><code>[código]</code></pre>, y no olvides escapar el HTMl.