Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Añadir un sistema de valoración / puntuación de entradas en WordPress con WP-PostRatings

Hace poco queríamos incorporar un sencillo sistema de valoración / puntuación de entradas en nuestro proyecto y tuvimos que lidiar con numerosos plugins. Después de pasar por varios, encontramos que el que mejor funciona para añadir un sistema de valoración / puntuación de entradas en WordPress es“WP-PostRatings” de Lester ‘GaMerZ’ Chan. En este artículo, le guiaremos a través de cómo establecer un sistema de valoración / puntuación AJAX para las entradas y páginas de su blog de WordPress.

Video Tutorial

Subscribe to WPBeginner

Si no te gusta el vídeo o necesitas más instrucciones, sigue leyendo.

Primero necesitas descargar y activar el plugin WP-PostRatings (Para principiantes: Guía paso a paso para instalar un plugin de WordPress)

Una vez activado, el plugin añadirá un nuevo elemento / artículo en su barra de administrador de WordPress llamado ‘Valoraciones’.

Omitiremos la opción “Valoraciones gestionadas”, y empezaremos con el segundo enlazado en la pestaña llamada “Opciones de valoración”.

WP Post Ratings settings page

En la página de ajustes del plugin, primero necesitas seleccionar qué imagen de valoración / tarifa quieres usar para tus entradas. El plugin viene con varias opciones como barras, corazones, números, más-menos, las clásicas estrellas, pulgares arriba/abajo, flechas arriba-abajo, etc.

Una vez que hayas elegido el sistema de valoración / puntuación que más te guste, puedes seleccionar “Max Ratings”. El plugin elegirá un valor apropiado para usted, pero cuando se utiliza la imagen de barras, es posible que desee especificar su propio valor de valoración / puntuación. Para estrellas y números parece sin sentido ir más allá de 5 porque solo hay 5 estrellas.

Recuerde que si ajusta las valoraciones máximas, tendrá que ajustar el texto/valor de valoración individual. Si no cambia el valor por defecto de la valoración máxima, deje también por defecto las valoraciones / puntuaciones individuales.

Entonces verá las opciones de Estilo Ajax, Permiso de Valoración y Método de Registro.

Ratings Ajax Style and logging method

Puede seguir el estilo de la imagen de arriba para obtener mejores resultados. Sin embargo, si desea personalizar, puede que tenga que cambiar estos.

Hemos terminado con esta página, guarde los cambios. Pasemos a la página “Plantillas de valoración / puntuación”. En esta página, verá diferentes plantillas de valoración / puntuación y cómo desea organizarlas. Nosotros las dejamos con el valor por defecto, pero usted es más que bienvenido a utilizar las Variables de Plantilla en la parte superior de la pantalla para modificarlas. Esto es básicamente para mostrar cómo se mostrarán sus valoraciones / puntuaciones. Una vez que haya terminado con la página “Plantillas de valoración / puntuación”, está listo para añadir esto en su tema.

Dependiendo de cómo esté configurado su tema, necesitará añadir los siguientes códigos dentro del LOOP en los siguientes archivos (archives.php, page.php, index.php, single.php, loop.php etc) – Puede que no tenga todos estos archivos en su tema dependiendo de la estructura.

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

Nota, esto añadirá la valoración / puntuación a todas las entradas. Si sólo desea utilizarlo en entradas selectivas, puede utilizar el shortcode [ratings id=”1″ results=”true”] para mostrar las valoraciones sólo en esa entrada o página.

Ahora que has añadido valoraciones / puntuaciones, tus usuarios votarán tus entradas. Puede ver esas valoraciones desde la opción “Gestionar valoraciones” que omitimos inicialmente. Esto le permite ver un registro de las valoraciones de cada entrada, y también puede borrarlas si cree que está ocurriendo algo incorrecto.

La mejor parte acerca de este plugin es que tiene la capacidad de mostrar las entradas más valoradas (opción para el rango de tiempo y categoría), las entradas más valoradas (opción para el rango de tiempo y categoría), la valoración más baja y la valoración más alta con la misma opción de rango de tiempo y categoría. La mayoría de las veces, este tipo de estadísticas se añaden en la barra lateral, por lo que este plugin le permite utilizar los widgets para mostrar estos (solo si su tema es compatible con widgets – ¡La mayoría lo hacen!). Simplemente vaya a Apariencia ” Widgets y encuentre el widget de valoraciones / puntuaciones. Arrástrelo en el lugar apropiado y establezca los ajustes que desee.

Ratings widget options

Ahora, si te fijas en la captura de pantalla anterior, hay un montón de opciones. La primera es seleccionar el título de tu widget. Es mejor seleccionar algo como “Entradas más valoradas esta semana” o algo así. Dependiendo de como hagas el resto de ajustes. El campo Tipo de Estadística tiene un montón de opciones que te permiten mostrar la más valorada, la más valorada, la valoración más baja y la valoración más alta. También tienes la opción de elegir estas estadísticas por categoría o por tiempo. La siguiente opción te pregunta si quieres incluir tanto tus entradas como tus páginas. Esta es una elección totalmente personal. Elige lo que quieras. El widget muestra las 10 entradas más populares por defecto, pero puede cambiarse editando el número de registros a mostrar. Recomendamos encarecidamente que no sea más de 10 porque tiene un aspecto extraño en la mayoría de los diseños. También puedes establecer el número mínimo de votos que debe tener una entrada para aparecer en esta lista. Dependiendo del diseño de tu sitio, puedes o no querer ajustar la longitud máxima del título de la entrada. Si la ubicación de tu tema es lo suficientemente amplia, te recomendamos que establezcas el valor en 0 para desactivarlo. Si está utilizando el tipo de estadística Categoría o Tiempo específico, entonces tendría que modificar los dos últimos campos. Haga clic y guardar y ya está.

Sabemos que algunos de ustedes son adictos al código y no quieren utilizar los ajustes del widget. Lester ha compilado una pestaña de uso muy detallada en su sitio que explica cómo añadir los más valorados, mejor valorados, etc. directamente en sus temas de WordPress. Consulte la Guía de Uso de WP-PostRatings.

Esperamos que este artículo le haya ayudado a añadir un sistema de valoración / puntuación de entradas en su sitio WordPress. También puede echar un vistazo a nuestra guía sobre cómo involucrar a los lectores con reacciones a las entradas en WordPress.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver tutoriales en vídeo sobre WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

52 comentariosDeja una respuesta

  1. Kyle

    Hi I am very new to WP and can’t seem to figure out how to add the code to the LOOP in archives.php, page.php, index.php, single.php, loop.php etc. Can you please provide a little guidance?
    Thank you

    • WPBeginner Support

      If you reach out to your specific theme’s support they should be able to assist with locating the loop in your theme.

      Administrador

  2. Ivan

    Hi, is there a option to rate with a ‘half star’ ?, i saw there is a picture showing ‘half star’ , thanks

    • WPBeginner Support

      You can create custom icons if you want but the half stars are normally for the average for the rating

      Administrador

  3. Rohit jha

    Awesome! Your Every blog are very Very useful for us…

    • WPBeginner Support

      Glad you found our guide useful :)

      Administrador

  4. Shoaib Saleem

    Hi,
    How to get top rated posts in WordPress? I am using custom code to rate post with comments. The rating value is storing in comment meta table.I need help to get 5 top rated posts.
    Thanks

    • WPBeginner Support

      You would want to take a look at the plugin’s FAQ for the answer to this question :)

      Administrador

  5. Radu Giurgiu

    Hello!

    It is a good general information about this rating plugin, with is good.
    But… what happen if the user what to re-star (rating) the post?
    Seems the plugin not allowing tho let the user change his opinion about a specific post. Wich is very important.

    There is a solution for that?

    • WPBeginner Support

      For that, you would want to reach out to the plugin’s support to see if that could be a feature to add

      Administrador

      • Radu Giurgiu

        Yes of course.

        Ok. Thanks!

  6. Riyaz Shaikh

    Thank you for sharing this article. Was of great help, I was struglling with this since months, but and today could install Rating plug in on webpage.

    Thanks to you

  7. Faruk

    I cant change the visuality, i mean stars

  8. Umang

    We have recently implemented the rating plugin on our company’s blog posts and it is work like a charm.

    Google Rich Snippets setting is also a great option but I think it should be enabled by default.

    Thanks for sharing such a useful plugin.

  9. Carlos

    How can I make the stars show up in the SERPS?

  10. Dmitry

    what is PHP function or shortcode to show ratings of a post ID?

  11. Gobind Singh

    I’m trying to run that plugin in local server. The stars have shown up in my post but I’m not able to do rating. How can I solve this problem? Please help me..

  12. Gail Palubiak

    It sounds interesting but I found your explanation inadequate.

    “Depending on how your theme is setup, you will need to add the following codes within the LOOP in the following files (archives.php, page.php, index.php, single.php, loop.php etc) – You may not have all of these files in your theme depending on the structure.”

    Most information please.

  13. surya JD

    hey thanks but as I know this plugin won’t work with any cache plugin.
    But on your blog you are using this plugin with w3 total cache . right ?
    what tricks you used to work this plugin with cache plugins…

  14. vinod

    it is a great wordpress plugin

  15. Boby Kurniawan

    The stars is show up, but the stars cannot be clicked . Sorry for bad english

    • surya JD

      May be you are using any cache plugin on your site. this plugin won’t work with cache plugin.

  16. Mathias

    Could you guys please help me??? I don’t get that plugin to sort posts by rating on my homepage… I’m a total beginner in coding… where exactly do I have to put which lines of code to sort my posts by rating??? Please help me!

      • GTMan

        Actually which code do we need to add in loop?

  17. Anwar

    I don’t see it on your site anymore

    • Editorial Staff

      We are using a variation of this plugin to allow author rating (but no more user ratings).

      Administrador

  18. Mike Antkowiak

    Hey there great tutorial. I am using this plugin and I want to apply it to custom post types. Is there a way to add custom post types to the widget display?
    Thanks for you time.

    • surya JD

      yes If you created post template for custom post type aka CPT you can add
      in post loop.
      if you already don’t have custom template for CPT you can create in your theme folder or in child theme of main theme.

  19. salem

    Hi
    Is their way to make plug-in files load from the theme
    I the my Site using Firebug Ysalow and find the loading.gif take long time to loading .

  20. R Thorp

    Thankyou! Solid advice, easy to folow guidance! However it would have been better if you included a little bit about adding the codes into the loop files, as i had to refer to other websites to find this.
    Cheers

  21. blue

    my jquery wont work because of this plugin.. :(

    • Editorial Staff

      Quite the opposite of a problem to have. jQuery doesn’t rely on this plugin. This plugin relies on jQuery.

      Administrador

  22. Shady M Rasmy

    i know its on old post and i don’t think i will get a reply on it
    but i will ask any way :D
    is there a way to collect the costume filed data for each user to show it in a page
    for logged in user
    example what i mean
    if i voted this post up
    and other posts
    can i show those posts later from page my likes for example ?
    sorry bad English :)

  23. wpbeginner

    There must be some issue with how the plugin is entering the code. You can always disable the normal integration, and paste the code directly in your template.

  24. Anna747

    I added the codes to the files listed but the ratings were showing up at the bottom of my page below the footer instead of below the post? I only want them below the post, not on my pages/homepage…and right below the post.

    • arbitrarylifestyle

      You’d want to find out the specific place you want the ratings to show up. For example, mine show up just beside the title so I put my code next to the title as so:

      Yeah!!!

  25. Shad

    Awhile back I was conceptualizing a site for short-story authors. The member would submit a story(post) and the other members would critique the story (as comments).

    What I was looking for then, and what is similar to this post, is a way for the original author to select comments as helpful (as in an thumbs up with note that said “Author found this comment helpful”). Has anyone seen anything such as that? Where the actual comments are rated?

    • Auz

      I am currently using GD Star Rating for our rating system. It has been very flexible, but probably a little more advanced than wp-postratings. It does have the ability to allow comment ratings. For an example check out our site (www.bendbeerblog.com)

      I eventually want to connect the ratings with the untappd.com API. I am hoping I can hook into the system, but if not I may have to write a custom solution.

  26. Keith Davis

    Plugin looks great but I’m trying to cut down the number of plugins that I use.

    It’s all too easy to just keep adding plugins.

    Thanks for another great tut.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.