Vi letade nyligen efter att införliva ett enkelt system för rating av post i vårt projekt och var tvungna att ta itu med många tillägg. Efter att ha gått igenom flera fann vi att den som fungerar bäst för att lägga till ett system för rating av post i WordPress var ”WP-PostRatings” av Lester ’GaMerZ’ Chan. I den här artikeln kommer vi att gå igenom hur du ställer in ett AJAX rating-system för dina WordPress blogginlägg och pages.
Tutorial i video
Om du inte gillar videoklippet eller behöver fler instruktioner, fortsätt då att läsa.
Först måste du downloada och aktivera WP-PostRatings Plugin (För nybörjare: Steg för steg guide till att installera en WordPress Plugin)
Efter aktivering kommer pluginet att lägga till ett nytt menu item i din WordPress admin bar märkt ” Ratings”.
Vi hoppar över alternativet ”Hanterade Ratings” och börjar med den andra linken i tabben som anropas ”Rating Options”.
På pluginets inställningar page, måste du först välja vilken rating image du vill använda för dina posts. Pluginet kommer med ett antal alternativ som gillar staplar, hjärta, siffror, plus-minus, de klassiska stjärnorna, tummar upp/ner, upp-ned-pilar, etc.
När du har valt det rating-system som du gillar, kan du välja ”Max Ratings”. Pluginet kommer att välja ett lämpligt värde åt dig, men när du använder bars image kanske du vill ange ditt eget värde för rating. För stjärnor och siffror verkar det meningslöst att gå över 5 eftersom det bara finns 5 stjärnor.
Kom ihåg att om du justerar Max Ratings måste du justera texten/värdet för den enskilda ratingen. Om du inte ändrar värdet för Max Rating från standard, låter du även de enskilda ratingarna vara standard.
Då kommer du att se alternativet för Ajax Style, Rating Permission och Logging Method.
Du kan följa stylingen i bilden ovan för bästa resultat. Men om du vill customize kan du behöva ändra dessa.
Vi är klara med den här page, save the changes. Låt oss gå vidare till ”Ratings Templates” page. På den här sidan ser du olika rating templates och hur du vill organisera dem. Vi lämnade dem med standardvärdet, men du är mer än välkommen att använda Template Variables högst upp på vyn för att ändra dem. Detta är i princip för att visa hur dina ratings kommer att visas. När du är klar med sidan ”Ratings Templates” är du redo att add to detta i ditt theme.
Beroende på hur ditt tema är inställt måste du lägga till följande koder inom LOOP i följande filer (archives.php, page.php, index.php, single.php, loop.php etc.) – Du kanske inte har alla dessa filer i ditt tema beroende på strukturen.
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
Note: detta kommer att add to post rating till all posts. Om du bara vill använda det på valda posts kan du använda shortcode [ratings id=”1″ results=”true”] för att visa ratings på just det inlägget eller den sidan.
Nu när du har lagt till ratings kommer dina användare att rösta på dina posts. Du kan view dessa ratings från alternativet ”Hantera ratings” som vi hoppade över inledningsvis. Detta allow dig att se en logging av ratings på varje post, och du kan även delete dem om du känner att det är något fel på gång.
Det bästa med detta plugin är att det har en förmåga att visa de högst rankade posterna (alternativ för tidsintervall och kategori), mest rankade posterna (alternativ för tidsintervall och kategori), lägsta rating och högsta rating med samma alternativ för tidsintervall och kategori. De flesta gånger läggs denna typ av statistik till i sidebaren, så detta plugin tillåter dig att använda widgetarna för att visa dessa (endast om ditt tema stöder widgetar – de flesta gör det!). Gå helt enkelt till Appearence ” Widgets och hitta widgeten Ratings. Dra den på lämplig location och ställ in de inställningar du vill ha.
Nu om du notice i ovanstående screenshot, det finns massor av alternativ. Först är att välja rubriken på din widget. Det är bäst att välja gillar ”Mest rankade inlägg den här veckan” eller något. Beroende på hur du gör resten av dina inställningar. Statistic Type-fältet har massor av alternativ som tillåter dig att visa högst rankad, mest rankad, lägsta rating och högsta rating. Du har också alternativet att välja denna statistik efter kategori eller efter tid. Nästa alternativ frågar om du vill inkludera både dina posts och pages. Detta är helt och hållet ett personligt val. Så välj som du gillar. Widgeten visar som standard de 10 mest populära enheterna, men det kan ändras genom att editera Antal registrerade som ska visas. Vi rekommenderar starkt att du inte gör det mer än 10 eftersom det bara ser bisarrt ut med de flesta mönster. You can also set the number of minimum votes a post needs to have before it can make it into this list. Beroende på hur din site är utformad kanske du vill eller ej vill justera den maximala längden på rubriken för inlägget. Om din theme location är tillräckligt bred rekommenderar vi att du ställer in värdet på 0 för att inaktivera det. Om du använder den kategori- eller tidsspecifika statistiktypen måste du ändra de två sista fälten. Click and save and you are done.
Nu vet vi att en del av er är kodjunkies och ej vill använda widgetens Settings. Lester har sammanställt en mycket detaljerad Usage Tab på sin site som förklarar hur man lägger till de mest betygsatta, högst betygsatta etc. direkt i din WordPress Themes. Se WP-PostRatings Usage Guide.
Vi hoppas att den här artikeln hjälpte dig att lägga till ett system för rating av post på din WordPress site. Du kanske också vill ta en titt på vår guide om hur du engagerar läsare med post-reaktioner i WordPress.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.
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.
Administratör
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
Administratör
Rohit jha
Awesome! Your Every blog are very Very useful for us…
WPBeginner Support
Glad you found our guide useful
Administratör
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
Administratör
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
Administratör
Radu Giurgiu
Yes of course.
Ok. Thanks!
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
WPBeginner Support
Hi Riyaz,
Glad you found it helpful.
Administratör
Faruk
I cant change the visuality, i mean stars
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.
Carlos
How can I make the stars show up in the SERPS?
Dmitry
what is PHP function or shortcode to show ratings of a post ID?
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..
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.
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…
vinod
it is a great wordpress plugin
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.
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!
WPBeginner Support
You need to add the code in your theme’s template files inside the WordPress Loop.
Administratör
GTMan
Actually which code do we need to add in loop?
tdu
is it possible to have multiple ratings in a single post for different categories?
something like this?
http://cl.ly/image/0Y1o1c0x0W1P
Editorial Staff
Try GD Star Rating – http://wordpress.org/plugins/gd-star-rating/
Administratör
Doro
No longer available. Any alternative?
Valter Cardoso
I was wondering the same thing. I am trying to make a voting system that the most posted categories will be arranged on top of the post. Can someone help me how to do this, please? Here’s the site I am building with this concept
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).
Administratör
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.
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 .
Editorial Staff
You should be able to turn off the CSS file that is being loaded from this plugin and merge that in your theme’s CSS file. For more instructions read here:
https://www.wpbeginner.com/wp-tutorials/how-wordpress-plugins-affect-your-sites-load-time/
Administratör
salem
Thanks a lot it’s really help
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
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.
Administratör
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
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
Editorial Staff
Don’t think that it’s possible with this particular plugin.
Administratör
محمد جبران
Thanks for the great instruction. Though the latter link gives 404
Editorial Staff
Fixed it
Administratör
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.
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!!!
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.
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.
Connor Crosby
Awesome! I wonder if they use this or something similar for the tuts+ network.
Editorial Staff
They are using something similar. WordPress.org showcase is using this plugin
Administratör