Ricard Torres

I needed a simple and light plugin to add Thumbs Rating, I couldn’t find any so I built my own.
This plugin allows you to add a thumb up/down rating to your content (posts, pages, and custom post types). You can set it up to show anywhere you want, check out the Installation instructions.
The output is very basic, no images, no fonts, no fancy CSS. Customize the ouput overriding the CSS classes in your style.css file.
<h4>Features</h4>
<ul>
<li>No output printed by default, check the Installation instructions.</li>
<li>Stores the votes values for each content in the current post table (no new database tables are created).</li>
<li>Uses HTML5 LocalStorage to prevent the users from voting twice.</li>
<li>Easy to customize the output using CSS.</li>
<li>Show the most voted (positive/negative) items using shortcodes.</li>
<li>Show the buttons using shortcodes.</li>
<li>No jQuery dependency.</li>
</ul>
<h4>Internet Explorer 11 support</h4>
If you want the plugin to work with IE11 users, you need jQuery. For that use the 3.4.2 version of the plugin.
From 4.0.0 onwards the plugin has no dependencies and uses vanilla JavaScript (ES6 syntax). Which will cause it not to work for IE11 users.
<h4>Languages</h4>
<ul>
<li>Arabic: ar (by <a href="https://profiles.wordpress.org/iFlendra/" rel="nofollow ugc">iFlendra</a>)</li>
<li>Catalan: ca</li>
<li>Chinese (China): zh_CN (by <a href="https://wordpress.org/support/profile/suifengtec" rel="ugc">suifengtec</a>)</li>
<li>Czech: cs_CZ (by <a href="https://wordpress.org/support/profile/togur/" rel="ugc">togur</a>)</li>
<li>Danish dk_DK (by BJARNE)</li>
<li>Dutch nl_NL (by <a href="https://wordpress.org/support/profile/thijsku" rel="ugc">Thijs</a>)</li>
<li>English</li>
<li>French: fr_FR (by Arnaud)</li>
<li>German: de_DE (by <a href="https://profiles.wordpress.org/hvbx/" rel="nofollow ugc">webserviceXXL</a>)</li>
<li>Italian: it_IT (by <a href="https://profiles.wordpress.org/marcochiesi/" rel="nofollow ugc">marcochiesi</a>)</li>
<li>Japanese: ja (by heySister721)</li>
<li>Lithuanian: lt_LT (by Andrius)</li>
<li>Persian: fa_IR (by <a href="https://wordpress.org/support/profile/hamedt" rel="ugc">Hamed.T</a>)</li>
<li>Portuguese: pt_BR (by Felipe)</li>
<li>Polish: pl_PL (by <a href="https://wordpress.org/support/profile/fafu" rel="ugc">Fafu</a>)</li>
<li>Romanian: ro_RO by (by <a href="https://wordpress.org/support/profile/alexcruz1989" rel="ugc">AlexCruz1989</a>)</li>
<li>Russian: ru_RU (by <a href="https://wordpress.org/support/profile/anatolt" rel="ugc">anatolt</a>)</li>
<li>Serbian: sr_RS (by Andrijana Nikolic)</li>
<li>Spanish: es_ES</li>
<li>Turkish: tr_TR (by <a href="https://profiles.wordpress.org/CrimsonIdol/" rel="nofollow ugc">CrimsonIdol</a>)</li>
</ul>
Give me a hand and translate the plugin in your language, it’s just a few words.
<h4>Requests</h4>
Feel free to post a request but let’s keep it simple and light.
<h4>Ping me</h4>
Are you using the plugin? Do you like it? Do you hate it? Let me know!
<ul>
<li>Mastodon: <a href="https://ricard.social/@ricard" rel="nofollow ugc">@ricard@ricard.social</a></li>
<li>Blog: <a href="https://ricard.dev/" rel="nofollow ugc">Ricard Torres Code</a></li>
</ul>

Thumbs Rating

I'm so glad I stumbled upon this plugin. Everything works flawlessly, even with a site with 200+ entries directly on a homepage (a timeline).

Thank you for this superb plugin Richard. I was really lucky to pick this one when looking around for a good one.

I can't share the site because of the rules, but lets just say I'm more than happy with the result :-)

The code example for clearing cache on vote was useful as well.

Fantastic!

Thumbs Rating does what you'd expect. It allows you to add a thumbs up/down to your content (posts, pages, and custom post types).

Adam_WP

quotesuk

The Upvote / Downvote plugin for WordPress enables shortcode, post and widget placement of topic banners. You can choose which topic(s) to display, the banner size and position, and display your topics current scores.
No registration or login needed. Anyone can Vote with a Tweet!
Earn money with our advert sharing using Google Adsense.
Create your own topics on <a href="https://upvoting.com" title="Visit Upvoting.com" rel="nofollow ugc">Upvoting.com</a>
For Developer Resources including sample banner sizes and a list of trending topics visit <a href="https://upvoting.net" title="Visit Upvoting.net" rel="nofollow ugc">Upvoting.net</a>
Just add our widget to your sidebar to get going!
<h4>Shortcode</h4>
<pre><code>[udvote voteid="123" format="1"]
</code></pre>
The shortcode will be replaced with the image of choice.
<ul>
<li>
The voteid is the number that appears on the voting page (look near the bottom) or in the authverify tweet.
</li>
<li>
The format can be one of these values;
<ul>
<li>1 – Leaderboard, 728 x 90, text display of scores.</li>
<li>2 – Leaderboard, 728 x 90, graphical display of scores.</li>
<li>3 – Large Rectangle, 336 x 280, text display of scores.</li>
<li>4 – Large Square, 250 x 250, text display of scores.</li>
<li>5 – Vertical Rectangle, 240 x 400, text display of scores.</li>
<li>6 – Wide Leaderboard, 1200 x 150, text display of scores.</li>
<li>7 – Wide Leaderboard, 1200 x 150, graphical display of scores.</li>
</ul>
</li>
<li>
Simply copy and paste the tag into your post where you want the banner to appear.
</li>
</ul>
<h4>Widget</h4>
The widget is installed with the plugin and enables you to add a vote count banner anywhere you can add a widget on your theme. You can assign one or more vote IDs and the widget will display a randomly selected one each time.
<ul>
<li>
Add the widget to your sidebar or other widget area.
</li>
<li>
Add any number of vote IDs separated by commas. e.g. 302,323,380
</li>
<li>
Select the style of banner, square is usually best for the sidebar.
</li>
<li>
Hit “Save”.
</li>
</ul>
<h4>Post/Page Form</h4>
<ul>
<li>
On every post page the Upvote / Downvote form will appear.
</li>
<li>
Just type in the topic id and optionally change the format and position.
</li>
<li>
Save/Update the post and the vote results will appear.
</li>
</ul>
<h4>Shortcode generator</h4>
<ul>
<li>
On every post page the Upvote / Downvote form will appear.
</li>
<li>
Just type in the topic id and optionally change the format. Position is not used.
</li>
<li>
Hit the “Generate Shortcode” button and the snippet will appear below the button.
</li>
<li>
Copy and paste the shortcode into your post where you want the image to appear.
</li>
<li>
Remember to clear the “Topic ID” box if you don’t want the image appearing twice.
</li>
</ul>
<h4>Global Settings</h4>
The main settings page allows you to set global parameters that will affect the display of all banners.
Include surrounding <div>
The banner is placed on the page using this generic html snippet:
<blockquote>
<div><a href><img /></a></div>
</blockquote>
Uncheck this box to omit the <div> element from the output, this can also be set on a per-banner basis
Image width type
<ul>
<li>
Percentage : The image width is set to “100%” to fill any container.
</li>
<li>
Fixed width : The width of the image is set to the actual pixel width of the image.
</li>
</ul>
Div width type
Select whether or not the div has no width attribute set (default) or has a “width:123px” style that matches the width of the contained image. Useful if you have inherited “floats”.
<div> custom style
Anything you enter in this box will appear in the style tag of the div. e.g. “padding-bottom:20px;” 
If you exclude the div element then this will have no effect.
<img> custom style
Anything you enter in this box will appear in the style tag of the image. e.g. “padding-bottom:20px;”
<a href> custom style
Anything you enter in this box will appear in the style tag of the link. e.g. “display:block;”
<h4>Widget Settings</h4>
These settings only affect the widget. You can override the global settings here if needed.
Include surrounding <div>
Similar to the global parameter with the same name, you can override the global setting here.
<div> custom style
Anything you enter in this box will appear in the style tag of the div. e.g. “padding-bottom:20px;” 
If you exclude the div element then this will have no effect.
<img> custom style
Anything you enter in this box will appear in the style tag of the image. e.g. “padding-bottom:20px;”
<a href> custom style
Anything you enter in this box will appear in the style tag of the link. e.g. “display:block;”
<h4>Advanced Options</h4>
These allow to adjust how specific sizes of banner are displayed. Each section reflects one of the available banner sizes.
Include surrounding <div>
Similar to the global parameter with the same name, you can override the global setting here.
Alignment
Applies the style “float:xyz;” to outermost element (either the div or the image). The available options are; none/left/right/inherit.
<div> custom style
Anything you enter in this box will appear in the style tag of the div. e.g. “padding-bottom:20px;” 
If you exclude the div element then this will have no effect.
<img> custom style
Anything you enter in this box will appear in the style tag of the image. e.g. “padding-bottom:20px;”

Upvote / Downvote – Vote with a Tweet

Allows users to vote on a topic using Twitter. Display results in standard banner sizes on posts, pages or widget. Optional Adsense Revenue Share.

Thumbs Rating vs Upvote / Downvote – Vote with a Tweet