Skip to content
This repository has been archived by the owner on Jul 25, 2023. It is now read-only.

JonMasterson/WordPress-Post-Like-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WordPress-Post-Like-System

This Repository is Not Actively Maintained

A simple and efficient post like system for WordPress. View the demo.

Four Steps to Glory

  1. Add the CSS to your theme's main stylesheet.
  2. 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.
  3. Add the contents of post-like.php to your theme's functions.php file.
  4. Output the button by doing the following:
    • Add the button to any posts in your theme by adding the following function, within the loopecho 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

Upgrades

I've cleaned up a lot here, fixing a few errors, and making it easier to revise this system to suit your theme. Here are the highlights:
  • 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() and get_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.

Removed

I've removed some functions and changed the way this system works a bit. None are breaking changes. These were for efficiency.
  • 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).

Issues

This post like system is pretty simple, and does not have many moving parts. Some folks have encountered issues with AJAX-loaded content, and others have had some trouble with plugin conflicts.