Blog, Posts, and Category Filter

Now paste(CTRL +V) the content into a Custom HTML block and then click “Convert to Blocks”

Best with:‎

Search & Filter 3.0

<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:column {"style":{"border":{"right":{"color":"var:preset|color|contrast","width":"0.1em"},"top":{},"bottom":{},"left":{}}}} -->
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--contrast);border-right-width:0.1em"><!-- wp:group {"style":{"position":{"type":""},"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"0","left":"var:preset|spacing|10","right":"var:preset|spacing|10"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:0;padding-left:var(--wp--preset--spacing--10)"><!-- wp:search-filter/filter {"queryId":"1","label":"Our Posts","dataType":"taxonomy","dataPostAttribute":"post_type","dataTaxonomy":"category","inputType":"radio","taxonomyOrderBy":"default","taxonomyOrderDir":"default","align":"center","alignment":"center","fieldId":"164"} /-->

<!-- wp:search-filter/control {"queryId":"1","label":"Filter","controlType":"submit","align":"center","alignment":"center","fieldId":"166"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"85%"} -->
<div class="wp-block-column" style="flex-basis:85%"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}}}} -->
<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"55%"} -->
<div class="wp-block-column" style="flex-basis:55%"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|10","left":"var:preset|spacing|10","top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"},"blockGap":"var:preset|spacing|10"},"layout":{"selfStretch":"fixed","flexSize":"400px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"base"} -->
<h1 class="wp-block-heading has-base-font-size" style="font-style:normal;font-weight:600">Professional Content</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fit","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|main-accent"}}}},"textColor":"main-accent","fontSize":"small"} -->
<p class="has-main-accent-color has-text-color has-link-color has-small-font-size">Discover a vast collection of content.</p>
<!-- /wp:paragraph -->

<!-- wp:search-filter/search {"queryId":"1","showLabel":"no","placeholder":"Search a post","fieldId":"165"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|small"}},"className":"tw-sm-hidden","layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group tw-sm-hidden" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"border":{"top":{"width":"0.1em"}},"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|10"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="border-top-width:0.1em;padding-top:var(--wp--preset--spacing--10)"><!-- wp:query {"queryId":13,"query":{"perPage":"16","pages":"0","offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]},"enhancedPagination":true,"className":"no-lazy","layout":{"type":"default"}} -->
<div class="wp-block-query no-lazy"><!-- wp:post-template {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"grid","columnCount":4},"fontSize":"x-small","twVerticalAlignment":"center"} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"5px"}},"className":"is-style-column-box-shadow","twDecoration":"shadow"} -->
<div class="wp-block-group is-style-column-box-shadow tw-shadow" style="border-radius:5px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"2/3","width":"","height":"400px","scale":"contain","align":"center","style":{"border":{"radius":"4px"}}} /-->

<!-- wp:post-title {"textAlign":"center","isLink":true,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"typography":{"textDecoration":"none","fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} /--></div>
<!-- /wp:group -->
<!-- /wp:post-template -->

<!-- wp:query-pagination {"paginationArrow":"arrow","showLabel":false,"layout":{"type":"flex","justifyContent":"right"}} -->
<!-- wp:query-pagination-previous /-->

<!-- wp:query-pagination-numbers /-->

<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination --></div>
<!-- /wp:query --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->