How to create Filterable Post Grid? (Block Version)

Our Combo Blocks plugin will help you create a filterable grid with extensive flexibility. This article gives you a clear idea of creating a filterable post grid.

It’s recommended to watch the video as it’ll be easier for you to understand.

At first, add Post Grid—Filterable Block.

ke51dQ0

Now click and expand the “Filterable” tab.

7F7k9Ie

Click the “Add Filter Group” button and add the group title. Then add “Search Terms” (Ex. categories, tags, taxonomies, etc.)

VlXLaaC

Make “Show All Filter” – “yes,” and under “Items Per Page,” enter a value or leave it.

I4qJLW8

In the “Filter Style” section, you can customize “Text Color, Background Color, Cursor,” “Padding,” “Margin, etc.

iui7vng

In the “Active Filter Style” section, you can customize “Active Text Color,” “Active Background Color,” “Padding,” and “Margin.” 

In the “Filter Group” section, you can customize the filter group “Text Color,” “Background Color,” “Padding,” and “Margin.” 

yMF7XSH

Using this method, you can create a Filterable Post Grid.

Related Documentation