WordPress-Post-Like-System

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

Check out this post on Sven Hofmann's site for more information.

Originally, this system utilized Font Awesome for the heart and gear icons. The Font Awesome version is still available in the vendor folder for those who are already using Font Awesome in their theme.

Five Steps to Glory

1. Add the CSS to your theme's main stylesheet.
2. Add post-like.min.js 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 post-like.min.js to it.
3. Add all the fonts to your theme's fonts folder (if it exists). If there is no fonts folder at your theme's root level, create one and add all the fonts to it.
4. Add the contents of post-like.php to your theme's functions.php file.
5. Implement the button by doing one of the following:
   1. Add the button function to your theme's single page template (typically content-single.php) — echo getPostLikeLink( get_the_ID() );
   2. Include the [jmliker] shortcode in your posts

Troubleshooting

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. Feel free to open an issue if your stuck, and I will do my best to help you solve it.