The Post Filter Block: Let Readers Sort Your Blog Without a Reload

Drop a search box, category and tag filters and a reset link above your Post Grid, point the bar at that grid, and visitors narrow the results right where they are.

Your best posts are in there. People just can’t find them.

A blog page shows the newest posts and stops there. A reader looking for one topic has to scroll, guess, or click into a category archive and lose the page they were on. The longer your blog gets, the more good writing sinks out of reach — and there’s no obvious way for a visitor to say just show me the tutorials without leaving.

The Post Filter block puts that control on the page itself. It’s a small bar you sit above a Post Grid — a search box, a category or tag filter, a reset link — and it narrows the grid live, in place, as the visitor uses it. No archive detour, no reload.

Point the bar at any Post Grid on the page — pick it from a dropdown, no hand-copied IDs, and the filter and grid can even sit in different columns.
A search box, category and tag filters and a reset link — visitors narrow by keyword and term together, then clear it all with one tap.
Show each filter as a dropdown, a checkbox list or pills — and add it twice to filter by two taxonomies at once.
Lay the controls out in a row above the grid or a column down a sidebar — plus the usual label, control and button colour, spacing and responsive controls.

Setting it up takes about a minute. Drop the Post Filter above a Post Grid, choose that grid from the dropdown, and the search and filter controls inside the bar inherit the target automatically. Type into the search box or pick a term and the grid answers straight away — nothing to wire up, no shortcode to remember.

See it working

Both bars below are real — they drive the Post Grids under them, pulling from this site’s own posts. Search a word, pick a category or tag, and watch the grid narrow. Hit reset to bring everything back. Each bar is one Post Filter block wearing a different set of controls.

Search, a category dropdown and a reset link, in a row. Type a keyword or choose a category and the grid below narrows on the spot — Reset clears everything and brings the full list back.

Category as pills, plus a tag dropdown — two filters at once. The same block, with the category filter shown as tappable pills and a second Taxonomy filter added for tags. Reset is a filled button this time.

It’s all just blocks

There’s nothing to configure outside the editor. The Post Filter holds the search, taxonomy and reset controls; you point it at a Post Grid; the styling — label, control and button colours, spacing, and separate settings for phones and tablets — all lives in the sidebar. Change how a filter looks and every control in the bar stays consistent, because one set of controls styles them all.

Give your readers a way in

The Post Filter block ships with Flexa Block. Install it, add a Post Grid and a filter bar, and your blog gets a live search-and-filter the next time you open the editor.

More articles

Keep reading

Other guides from the Flexa Blocks library.

48 posts found