wannathemes

Juan Javier

A plugin to easily build Isotope/Masonry layouts with any content (posts, pages or custom post types). Responsive grids, filterable content.
<h4>Shortode parameters</h4>
type
<ul>
<li>example: type=”portfolio” </li>
<li>default: post</li>
<li>Display content based on posts, pages or custom post types.</li>
</ul>
items
<ul>
<li>example: items=”12″</li>
<li>default: 4</li>
<li>Number of items to show.</li>
</ul>
tax
<ul>
<li>example: tax=”category”</li>
<li>default: none</li>
<li>Show a filter based on taxonomy parameter.</li>
</ul>
term
<ul>
<li>example: term=”category-slug”</li>
<li>default: none</li>
<li>Show a filter based on a term parameter and only show items based on the term.</li>
<li>REQUIRED: use the tax parameter.</li>
</ul>
order_by
<ul>
<li>example: order_by=”slug”</li>
<li>default: menu_order</li>
<li>Sort retrieved posts by parameter.</li>
</ul>
order
<ul>
<li>example: order=”DESC”</li>
<li>default: ASC</li>
<li>Designates the ascending or descending order of the ‘orderby’ parameter.</li>
</ul>
id
<ul>
<li>example: id=”my_custom_grid”</li>
<li>default: none</li>
<li>set a custom id so you can style or target better.</li>
</ul>

Wanna Isotope

A plugin to easily build Isotope/Masonry layouts with any content (posts, pages or custom post types). Responsive grids, filterable content.

franck

Desire Portfolio Filter is designed to allow visitors to filter Jetpack portfolio by type. It’s responsive, so can be used on tablets and smartphone, as well as desktop of course.
<h3>Development Notes</h3>
This plugin is not designed to replace Jetpack Portfolio Shortcode. By now, it doesn’t offer the same level of customization in queries. 
I’m working on the admin page to make it able to give the same options as Jetpack shortcode.
Concerning the template, especially the gutters and column sizes, there’s no option in the administration pages to set it. 
But you have the possibility to override the default CSS with your own values in order to get something that fits your needs :
<ul>
<li>use .grid-sizer and .portfolio-item width to define the column width</li>
<li>use .gutter-sizer width to set your gutter’s size</li>
<li>apply a margin-bottom to .portfolio-item, equal to .gutter-sizer width to get the job done</li>
</ul>
<h3>Translation</h3>
The plugin comes with english and french translations. Feel free to <a href="https://github.com/desirelabs/desire-portfolio-filter" title="fork me on Github" rel="nofollow ugc">fork me on Github</a> if you want me to add yours 🙂
<h3>Support</h3>
I’ll offer support as much as I can through : 
<a href="https://wordpress.org/plugins/desire-portfolio-filter/" title="WordPress Official repository" rel="ugc">WordPress official page</a> 
<a href="https://github.com/desirelabs/desire-portfolio-filter" title="My Github Official repository" rel="nofollow ugc">My Github official page</a>
Notice that this plugin is made on my free time, so please, be patient if I don’t answer your requests right away 😉

Desire Portfolio Filter

Desire Portfolio Filter is a responsive plugin which allows visitors to filter Jetpack portfolio by type.

Wanna Isotope vs Desire Portfolio Filter