I just finished up a neat little plugin that utilizes the Isotope JS script developed by David DeSandro and Metafizzy. What it does is outputs a list of tags within any specific category and allows your user to filter those posts on-the-fly. It’s really cool. And we’re actually using it on our own website! Check it out in action here: http://mintthemes.com/themes/ (Notice the area that says “Filter”. Try clicking on a few of those and watch the themes fly around perfectly into place!)
You can easily set this up for your own website project using the Isotopes for WordPress plugin I referred to above. Simply download it here, install it in your WordPress account, and then place the following template tag just above “The Loop” on any WordPress archive-based theme page. Most likely you’ll be looking for archive.php, tag.php, or category.php.
Here’s the code you’ll need to add:
<?php mp_isotopes(); ?>
We even coded in support for the Easy Digital Downloads and WooCommerce plugins so that you can use this to filter products if you’re using either of those shopping cart plugins on your website. I had some help from Pippin from Easy Digital Downloads on this one so go show him some love too
P.S. Keep in mind that while my plugin is free to use as much as you want, the Isotope JS script (which we don’t own) is free to use for personal and/or non-commercial projects only. If you need it for commercial projects you should pick up a licence from David DeSandro and Metafizzy (the creators of the JS script).
So go ahead and try it out!
What if it doesn’t work for me?
The first thing to check is that your theme is using the WordPress standard post_class on it’s loop items. This plugin uses that to identify which items belong to which tag or category.
The second thing would be to check if you are trying to make this work for a Custom Post Type. if so, that custom post type would need to be coded into the plugin – which I am willing to do if it would be helpful to enough people. So let me know if there is a Custom Post Type you’d like to see added to the plugin!
Update: I noticed a lot of people are asking for support here in the comments. I am more than happy to help you out but the best way to contact is by emailing firstname.lastname@example.org.