A simple and efficient post like system for WordPress. View the demo.
It's a bit outdated at this point, but check out this post on Sven Hofmann's site for more information.
- Add the CSS to your theme's main stylesheet.
- Add the javascript file to your theme's js folder (if it exists). If there is no js folder at your theme's root level, create one and add simple-likes-public.js to it.
- Add the contents of post-like.php to your theme's functions.php file.
- Output the button by doing the following:
- Add the button to any posts in your theme by adding the following function, within the loop —
echo get_simple_likes_button( get_the_ID() );
- Add the button to any comments in your theme by making sure the second parameter in the button function is set to "1" —
echo get_simple_likes_button( get_comment_ID(), 1 );
- Include the [jmliker] shortcode in your posts
- Add the button to any posts in your theme by adding the following function, within the loop —
- You can now add the button to comments.
- You can now add multiple buttons for each post, and they will all update at once when you click any of them.
- SVG icons, so no more icon fonts. In an effort to keep things light, the SVG has been added inline, with a simple html entity as a fallback. This way, we don't have to include a javascript fallback. The trade-off is that these inline icons are not cached. They are rather small, though. If you prefer to use Font Awesome or another icon solution, swap out the svgs in the
get_liked_icon()
andget_unliked_icon()
functions with your own solution. Since it is a popular solution, I've included commented code for Font Awesome icons. - The button will now work with or without javascript. Hooray for graceful degradation!
- All the text is now translatable. Find and replace 'YourThemesTextDomain' with your theme's text domain.
- Number formatting now included. For example, a like count of "1,250" will output as "1.25K". If you would prefer a different number format, update
sl_format_count();
to your preference. - Better IP address handling
- The time of the post/comment like is now recorded as post/comment meta. This allows us to properly perform proper meta queries to determine which posts have the most likes for a given time period.
- The functions that formerly appeared here to output most liked lists have been removed. Time-based retrieval of most liked lists (ex. "Most Popular Post This Week"), returned posts based on the time the post was published. This was inadequate — posts should have been returned based on the time the post was liked. If you should happen to need these older functions for some reason, they are still available in past versions.
- We no longer store an array of liked posts in user meta. As time goes by, this can lead to inconsistencies if posts are deleted. I could have built a clean-up function to find and remove deleted post ids from user meta, but it made more sense to stop adding this data to user meta. Especially since these posts can be retrieved with a meta query for all posts that have the user's ID attached (see
show_user_likes();
for this query).
This Post Like System will soon be offered as a free and premium plugin. The free plugin will have everything the current system does, but will be easier to manage from the WordPress admin (no more implementation errors). The premium plugin will offer AJAX widgets for Most Liked Lists that will update & respond to likes without a screen refresh, and can be managed from the WordPress admin.