Isotope Posts

Isotope Posts is a simple WordPress implementation of Metafizzy’s javascript Isotope plugin. Use the plugin settings page to customize Isotope options and create loops of WordPress posts, then implement them on your site using simple shortcodes. Magic.

Some Features

  • No need to muck around with javascript or theme files – implement Isotope directly in the WordPress editor with a simple shortcode!
  • Includes essential Isotope features, including the option for a filter menu, sorting options, and layout options
  • Hide posts from displaying based on category, post tag, or custom taxonomy terms
  • Grab the post’s featured image include with the excerpt (if one is set)
  • Minimal included css makes it easier to customize the look and feel of the loop output for your site

New in v.2.0

  • Create and save as many Isotope shortcodes as you want to use on multiple pages throughout your site
  • Paginate your loop of posts using infinite scrolling (rather than loading them all at once)
  • Now uses v2 of the javascript Isotope plugin

Some FAQs

How do I make this thing work in my theme?

To implement Isotope Posts on your site, simply head over to the Isotope Posts settings page in your WordPress admin area, create a loop of posts with your preferred options and then save it. Next, grab the unique shortcode for the loop you just saved (e.g. [isotope-posts id="YOUR_UNIQUE_ID"]) and embed it in a page in your site.

What kind of Isotope options are available?

Isotope Posts takes advantage of a number of the original javascript plugins’s options. On the plugin settings page you have the option to:

  • Add a filter menu (based on post categories or tags, or a custom taxonomy)
  • Arrange your posts descending by date or ascending alphabetically by title
  • Choose whether to use display evenly in horizontal rows or masonry-style
  • Add pagination to your posts using infinite scrolling

Does this plugin work with custom post types and taxonomies?

Absolutely. To use a custom post type, simply pick it from the select menu on the plugin settings page. Same goes for using a custom taxonomy for a filter menu.

Why do things get weird when I try to add a filter menu and use infinite scrolling?

As the author of the javascript Isotope plugin has pointed out in the past, using infinite scrolling with filtering can create a very odd user experience and you probably want to avoid doing this.

In my experience, the only time that using filters with infinite scrolling isn’t completely weird is when you have a lot of posts in your selected post type AND the terms for the taxonomy you use to create your filter menu are more or less evenly spread across your posts. If you must go down this road, please be sure to test this thoroughly before you unleash it on your users.

Why does the plugin break when I try to add two Isotope Posts shortcodes on one page?

Play it safe. While you can implement multiple Isotope Posts shortcodes throughout your site, you’ll only want to add one at a time on any given page. Things go a little bit sideways in the javascript when you try to load two Isotope Posts shortcodes on a single page.

Is it localized?

Yes, but no translations are available quite yet.

Download Now

Let me know what you think!

Found a bug this plugin? Posts it in the Issues section in the plugin’s Github repo.