Misha Rudrastyh

The category filter block allows you to filter posts displayed with the standard Query Loop block by category, without page refresh. The Interactivity API is fully supported.
<h4>Features</h4>
✅ The category filter can be displayed as links or as a select dropdown field. 
✅ You can display a post count number near each category. 
✅ Custom All Categories text 
✅ Works without page refresh (AJAX + Interactivity API)
<h4>Pro features</h4>
✅ Custom taxonomies are supported. 
✅ Sort categories (terms) in the filter alphabetically, by post count, or in a custom order. 
✅ The filter can be displayed as buttons with the possibility of style customization (color, background color, border, border radius, etc).
🚀 <a href="https://rudrastyh.com/plugins/taxonomy-filter-block" rel="nofollow ugc">Upgrade to Pro</a>

Category Filter Block

Just a simple category filter block with the Interactivity API support.

WP OnlineSupport

Pratik Jain

Anoop Ranawat

Ketan Patel

Piyush Patel

Essential Plugin

Riddhi Shukla

✅ Now that you have your website ready then why don’t you download and try out this Post Grid and Filter to give it better functionality.
Download Now It is proven that post filters have been a powerful tool to present your content in a very neat manner with the help of fancy sliders and customized designs.
<a href="https://demo.essentialplugin.com/post-grid-and-filter-ultimate-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/post-grid-and-filter-with-popup-pro-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
Your customer might like the professional and fancy vibe of your site with Post Filter
✅ This plugin displays your custom posts using :
<ul>
<li>Post Grid (2 designs)</li>
<li>Post Filter (2 designs)</li>
</ul>
When you want to makeover your WordPress website theme with something extraordinary and creative, you must consider the Post Grid and Filter plugin.
Help your website get a filter-wise display to show the custom posts. Not just eye appealing, it is also loved by visitors as they find it quite easy to locate custom posts.
Easy way to display WordPress post in grid view and post grid with filter. Display anywhere via shortcode. lots more shortcode parameters give you extend as your needs.
Also added Gutenberg block support.
<h4>✅ Here is the plugin shortcode example</h4>
post Grid
<pre><code>[pgaf_post_grid]
</code></pre>
Post Fiter
<pre><code>[pgaf_post_filter]
</code></pre>
To display only Post Grid 4 post:
<pre><code>[pgaf_post_grid limit="4"]
</code></pre>
Where limit define the number of posts to display.
If you want to display post grid by category then use this short code:
<pre><code>[pgaf_post_grid cat_id="category_ID"]
</code></pre>
You can use same parameter with post grid shortcode.
✅ We have given 2 designs. For designs use the following shortcode:
<pre><code>[pgaf_post_grid design="design-1"] 
</code></pre>
Where designs are : design-1, design-2. You can use same parameter with filter shortcode.
<h4>✅ Here is Template code</h4>
<pre><code><?php echo do_shortcode('[pgaf_post_grid]'); ?>
<?php echo do_shortcode('[pgaf_post_filter]'); ?>
</code></pre>
<h4>✅ Use Following Post Grid parameters with shortcode</h4>
<pre><code>[pgaf_post_grid]
</code></pre>
<ul>
<li>limit : [pgaf_post_grid limit=”10″] (Display latest 10 posts and then pagination).</li>
<li>cat_id : [pgaf_post_grid cat_id=”category_id”] (Display posts categories wise).</li>
<li>include_cat_child : [pgaf_post_grid include_cat_child=”false”] (Include cat child or not. Values are “true” or “false”).</li>
<li>design : [pgaf_post_grid design=”design-1″] (Select the design to display. there are 2 designs ie design-1 and design-2 ).</li>
<li>grid : [pgaf_post_grid grid=”2″](Display post in Grid formats).</li>
<li>order : [pgaf_post_grid order=”DESC”] (Post order ie DESC or ASC).</li>
<li>orderby : [pgaf_post_grid orderby=”date”] (Order by post ie ID, author, title, date, name, rand etc).</li>
<li>image_fit : [pgaf_post_grid image_fit=”true”] (Fit the post image in wrap. Values are “true” or “false”).</li>
<li>media_size : [pgaf_post_grid media_size=”large”] (Set the featured image size to diplay in post Values are thumbnail, medium, large, full).</li>
<li>image_height : [pgaf_post_grid image_height=”300″] (Set featured image height).</li>
<li>show_date : [pgaf_post_grid show_date=”false”] (Display post date OR not. By default value is “true”. Options are “ture OR false”)</li>
<li>show_author : [pgaf_post_grid show_author=”true”] (Display post author. Values are “true” or “false”).</li>
<li>show_content : [pgaf_post_grid show_content=”true”] (Display post Short content OR not. By default value is “true”. Options are “ture OR false”).</li>
<li>show_read_more : [pgaf_post_grid show_read_more=”true”] (Display Read more button or not. Options are “ture OR false”)</li>
<li>show_category_name : [pgaf_post_grid show_category_name=”true”] (Display post category name OR not. By default value is “True”. Options are “ture OR false”).</li>
<li>content_words_limit : [pgaf_post_grid content_words_limit=”30″] (Control post short content Words limt. By default limit is 20 words).</li>
<li>content_tail : [pgaf_post_grid content_tail=”…”] (Set content tail).</li>
<li>pagination : [pgaf_post_grid pagination=”true”] (Set content tail).</li>
<li>pagination_type : [pgaf_post_grid pagination_type=”numeric”] (values are “prev-next” and “numeric”).</li>
<li>show_comments : [pgaf_post_grid show_comments=”true”] (Options are “ture OR false”).</li>
<li>extra_class : [pgaf_post_grid extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
<h4>✅ Use Following Post Filter parameters with shortcode</h4>
<pre><code>[pgaf_post_filter]
</code></pre>
<ul>
<li>cat_id : [pgaf_post_filter cat_id=”category_id”] (Display posts categories wise).</li>
<li>include_cat_child : [pgaf_post_filter include_cat_child=”false”] (Include cat child or not. Values are “true” or “false”).</li>
<li>design : [pgaf_post_filter design=”design-1″] (Select the design to display. there are 2 designs ie design-1 and design-2 ).</li>
<li>grid : [pgaf_post_filter grid=”2″](Display post in Grid formats).</li>
<li>order : [pgaf_post_filter order=”DESC”] (Post order ie DESC or ASC).</li>
<li>orderby : [pgaf_post_filter orderby=”date”] (Order by post ie ID, author, title, date, name, rand etc).</li>
<li>image_fit : [pgaf_post_filter image_fit=”true”] (Fit the post image in wrap. Values are “true” or “false”).</li>
<li>media_size : [pgaf_post_filter media_size=”large”] (Set the featured image size to diplay in post Values are thumbnail, medium, large, full).</li>
<li>image_height : [pgaf_post_filter image_height=”300″] (Set featured image height).</li>
<li>show_date : [pgaf_post_filter show_date=”false”] (Display post date OR not. By default value is “true”. Options are “ture OR false”)</li>
<li>show_author : [pgaf_post_filter show_author=”true”] (Display post author. Values are “true” or “false”).</li>
<li>show_content : [pgaf_post_filter show_content=”true”] (Display post Short content OR not. By default value is “true”. Options are “ture OR false”).</li>
<li>show_read_more : [pgaf_post_filter show_read_more=”true”] (Display Read more button or not. Options are “ture OR false”)</li>
<li>show_category_name : [pgaf_post_filter show_category_name=”true”] (Display post category name OR not. By default value is “True”. Options are “ture OR false”).</li>
<li>content_words_limit : [pgaf_post_filter content_words_limit=”30″] (Control post short content Words limt. By default limit is 20 words).</li>
<li>exclude_cat : [pgaf_post_filter exclude_cat=”].</li>
<li>content_tail : [pgaf_post_filter content_tail=”…”] (Set content tail).</li>
<li>show_comments : [pgaf_post_filter show_comments=”true”] (Options are “ture OR false”).</li>
<li>cat_orderby : [pgaf_post_filter cat_orderby=”name”]</li>
<li>all_filter_text : [pgaf_post_filter all_filter_text=”All”]</li>
<li>extra_class : [pgaf_post_filter extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
✅ Checkout demo for better understanding
<a href="https://demo.essentialplugin.com/post-grid-and-filter-ultimate-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/post-grid-and-filter-with-popup-pro-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
✅ Essential Plugin Bundle Deal
<a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a>
<h4>✅ Features include:</h4>
<ul>
<li>Added Gutenberg block support.</li>
<li>Post Grid</li>
<li>Post Filter</li>
<li>Easy to add.</li>
<li>Also work with Gutenberg shortcode block. </li>
<li>Elementor, Beaver and SiteOrigin Page Builder Native Support (New).</li>
<li>Divi Page Builder Native Support (New).</li>
<li>Fusion Page Builder (Avada) Native Support (New).</li>
<li>Given 2 designs.</li>
<li>Media size i.e. thumbnail, medium, medium_large, large and full</li>
<li>Responsive.</li>
<li>You can create multiple post slider with different options at single page or post.</li>
<li>Fully responsive. Scales with its container.</li>
<li>100% Multi Language.</li>
</ul>
<h4>Privacy & Policy</h4>
<ul>
<li>We have also opt-in e-mail selection, once you download the plugin , so that we can inform you and nurture you about products and its features.</li>
</ul>

Post grid and filter ultimate

A quick, easy way to display WordPress post in grid view and post grid with filter. Also work with Gutenberg shortcode block.

Category Filter Block vs Post grid and filter ultimate