Post Like adds a heart button with a live like count to your posts, pages and custom post types. Visitors do not need an account. The count is saved with the post, so you can sort a loop by the most liked content.
All three buttons are linked to this page, so a like on one updates the others. Click again to remove your like.
Add it to a template once and every post gets its own count.
Drop Post Like into your single post template, a post loop card or any page. It uses the current post automatically.
Keep the heart or switch on Custom Icon to pick separate icons for the liked and not liked states. Then set colours and sizes.
Each like is saved to the post in the _phox_like_count field. Order a post loop by it to show the most liked posts.
A small element with the details handled for you.
Click once to like and again to remove the like. The count updates straight away without reloading the page.
Logged-in users are tracked in their user profile. Visitors who are not logged in are remembered with a cookie for a year.
The total is stored in the _phox_like_count post field, ready to sort or filter any loop by popularity.
If the same post has more than one like button on the page, they all update together.
Pick any icon from the Breakdance library for the not liked and liked states, such as a star, bookmark or thumbs up.
Show the number next to the icon, or hide it while the count is zero.
Set icon, count and background colours for the normal, hover and liked states.
The icon gives a small pop when a visitor likes the post.
It is a real button with aria-pressed and a Like or Unlike label, so screen readers announce its state.
Anywhere you want a quick signal of what people enjoy.
Add a like button to the end of every post and see which topics readers enjoy most.
Let visitors heart the recipes they want to come back to.
Show appreciation counts on projects and case studies.
Order a post loop by _phox_like_count to build a Most liked or Popular section.
Give member-submitted posts or listings a simple popularity score.
Use a thumbs up icon as a simple Was this helpful button on articles.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Content | ||
| Show Count | Show the like count next to the icon. | Off |
| Hide Zero Count | Hide the count while it is zero. | Off |
| Custom Icon | Use your own icons instead of the heart. | Off |
| Inactive Icon | Icon shown before the visitor likes the post. | — |
| Active Icon | Icon shown once the visitor has liked the post. | — |
| Design | ||
| Background Color | Button background. | — |
| Borders | Border, radius and shadow. | — |
| Padding | Padding inside the button. | — |
| Margin | Margin around the button. | — |
| Width / Height | Button size. Responsive. | — |
| Alignment | Left, Center or Right alignment of the icon and count inside the button. Responsive. | — |
| Icon/Count Gap | Space between the icon and the number. Responsive. | 6px |
| Icon Color | Icon colour before liking. | — |
| Active Icon Color | Icon colour once liked. | #E01B4C |
| Icon Size | Icon size in pixels. Responsive. | 24px |
| Count Typography | Text styles for the count. | — |
| Count Color | Count colour before liking. | — |
| Active Count Color | Count colour once liked. | — |
| Active Background Color | Button background once liked. | — |
| Hover Background Color | Button background on hover. | — |
| Hover Icon Color | Icon colour on hover. | — |
No. Logged-in users are remembered in their user profile. Everyone else is remembered with a cookie that lasts a year, so they can unlike later from the same browser.
The current post in context. On a single post template that is the post being viewed. Inside a post loop, each card likes its own post.
The count is stored in the _phox_like_count post meta field. In a post loop query, order by that meta key, descending.
Yes. It works with any post type, including pages, products and custom post types.
It can be. The count and liked state are added when the page is built, so a cached page may show an older count. Each click also carries a WordPress security token that expires after a day or so. Exclude pages with like buttons from caching, or keep the cache lifetime short.
Post Like is included with Phox Elements, along with 150+ other premium elements for Breakdance.