You can combine almost all options. See all options here.
To display posts with a selected categories, eg.:
[exopite-multifilter thumbnail-size-single-row="your-big-size" thumbnail-size-multi-row="your-small-size" posts_per_page="6" posts_per_row="3" effect="goliath" pagination="readmore" taxonomy_terms__in="category(cat1-slug, cat1-slug)"]
No demo for posts, demos are using "exopite-demos" post type.
Multiselect, readmore loading, tag and category filter, no gap and Goliath effect
Multiple filters/taxonomies can be seleted. This is a very unique function from this plugin. The selection can match all taxonomy queries (subtractive query), otherwise posts which match at least one taxonomy query (additive query).[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category, demo-tag" posts_per_page="6" posts_per_row="3" effect="goliath" pagination="readmore" no-gap="true" video="videourl"]
Single select, gallery mode, category filter and apollo effect
With gallery mode, if user click to the thumbnail, the image will open insted of the post. With this you can create galleies from any post type.[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category" posts_per_page="6" posts_per_row="3" effect="none" pagination="readmore" no-gap="true" multi_selectable="false" gallery_mode="true"]
Title, except, masonry and Lexi effect
You can choose from two different type of masonry: 'waterfall-kudago' or 'masonry-desandro'.[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category, demo-tag" posts_per_page="6" posts_per_row="3" effect="lexi" pagination="readmore" display_filter="false" display_title="true" except_lenght="20" style="masonry" container_id="masonry-style" col_min_width="300"]
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Template: Featured Image (Horizontal)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image. ...
Markup: Title With Markup
Verify that: The post title renders the word "with" in italics and the word "markup" in bold. ...
Template: Featured Image (Vertical)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image. ...
Nothing more to load.
Title, except, equal-height, pagination and Julia effect
Filters can be disabled. There are four different styles: normal, masonry, equal-height, carousel.[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category, demo-tag" posts_per_page="4" posts_per_row="2" effect="julia" pagination="readmore" display_filter="false" display_title="true" except_lenght="20" style="equal-height"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Pagination and Apollo effect
There are three different pagination available. Pagination, read more and infinite loading.[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category, demo-tag" posts_per_page="6" posts_per_row="3" effect="apollo" pagination="pagination" display_filter="false"]
Blog layout zigzag and Steve effect
You can display your blog or any other post types. You can choose multiple design such as zig-zag, top, left and right. This indicated the thumbnail position. Why zig-zag? Check out 3 design layouts or Zigzag page layout.[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="features" posts_per_page="4" posts_per_row="1" effect="steve" pagination="pagination" display_filter="false" blog_layout="zigzag" display_title="true" except_lenght="20"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Blog layout right and Steve effect
[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" posts_per_page="4" posts_per_row="1" effect="steve" pagination="pagination" display_filter="false" blog_layout="right" display_title="true" except_lenght="20"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Timeline layout Steve effect
[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="large" thumbnail-size-multi-row="large" effect="steve" pagination="readmore" display_filter="false" display_title="true" except_lenght="20" style="timeline"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
10. December 2024
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
10. December 2024
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
10. December 2024
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
10. December 2024
Carousel (Slider) style and no effect
[exopite-multifilter post_type="exopite-demos" effect="none" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" display_filter="false" display_title="true" except_lenght="20" style="carousel"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
[exopite-multifilter post_type="exopite-demos" effect="none" display_filter="false" display_title="true" except_lenght="20" style="carousel"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" effect="none" display_filter="false" display_title="true" except_lenght="20" style="carousel" arrows="false" adaptive_height="true"]
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Carousel (Slider) style 3 to show and 1 to scroll
[exopite-multifilter post_type="exopite-demos" effect="none" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" display_filter="false" display_title="true" except_lenght="20" style="carousel" autoplay="false" slides_to_scroll="1" slides_to_show="3" posts_per_page="-1"]
Video Test
Donec suscipit molestie lobortis. Vivamus id odio aliquet nulla lobortis ultricies at vitae velit. Aliquam sit amet egestas arcu, id vehicula est. ...
Lorem Ipsum
Donec suscipit molestie lobortis. Vivamus id odio aliquet nulla lobortis ultricies at vitae velit. Aliquam sit amet egestas arcu, id vehicula est. ...
Template: Excerpt (Generated)
This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. ...
Template: Paginated
Post Page 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget tortor eget sem suscipit facilisis. In sollicitudin commodo mattis. ...
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. ...
Markup: HTML Tags and Formatting
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish. ...
Markup: Text Alignment
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. ...
Markup: Title With Special Characters
Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, ...
Template: Featured Image (Horizontal)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image. ...
Markup: Title With Markup
Verify that: The post title renders the word "with" in italics and the word "markup" in bold. ...
Template: Featured Image (Vertical)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image. ...
Full width.
[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" posts_per_page="6" posts_per_row="6" effect="julia" random="true" display_filter="false" no-gap="true"]
Infinite loading and Duke effect
[exopite-multifilter post_type="exopite-demos" thumbnail-size-single-row="blog-list-full" thumbnail-size-multi-row="blog-list-multiple" taxonomies_terms="demo-category, demo-tag" posts_per_page="6" posts_per_row="3" effect="duke" pagination="infinite" display_filter="false"]