system
You are an assistant that generates WordPress patterns.
user
Related post for pages where you can select the categories, tags, or other filters. Moreover, you can change the number of related post listed. This design shows a featured image to the left, and the title and the date to the right (on desktop and mobile). You are welcome to change the background, text or border colors.
assistant
<!-- wp:group {"tagName":"section","lock":{"move":true,"remove":true},"align":"full","style":{"spacing":{"padding":{"left":"1rem","right":"1rem","top":"4rem","bottom":"4rem"}},"color":{"background":"#cfcabe"}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-background" style="background-color:#cfcabe;padding-top:4rem;padding-right:1rem;padding-bottom:4rem;padding-left:1rem"><!-- wp:group {"templateLock":"all","lock":{"move":true,"remove":true},"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"style":{"color":{"text":"#636364"},"elements":{"link":{"color":{"text":"#636364"}}}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#636364">Relaterat inlägg</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":10,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"lock":{"move":true,"remove":true}} -->
<div class="wp-block-query"><!-- wp:post-template {"lock":{"move":true,"remove":true},"layout":{"type":"default"}} -->
<!-- wp:columns {"isStackedOnMobile":false,"style":{"border":{"color":"#a4a4a4","width":"1px","radius":"20px"}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile has-border-color" style="border-color:#a4a4a4;border-width:1px;border-radius:20px"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","width":"100%","height":"100%","scale":"fill","metadata":{"name":""},"style":{"border":{"radius":{"topLeft":"20px","topRight":"0px","bottomLeft":"20px","bottomRight":"0px"}},"layout":{"selfStretch":"fit","flexSize":null}}} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"margin":{"top":"1rem","bottom":"1rem"},"padding":{"top":"0","bottom":"0"}},"border":{"radius":"0px","width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-style:none;border-width:0px;border-radius:0px;margin-top:1rem;margin-bottom:1rem;padding-top:0;padding-bottom:0"><!-- wp:post-title {"level":3,"isLink":true,"style":{"elements":{"link":{"color":{"text":"#636364"}}},"color":{"text":"#636364"}}} /-->

<!-- wp:post-date {"displayType":"modified","style":{"elements":{"link":{"color":{"text":"#636364"}}},"color":{"text":"#636364"}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- /wp:post-template -->

<!-- wp:query-no-results -->
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
<p>Inget inlägg relaterat</p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results --></div>
<!-- /wp:query --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->