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">Related Post</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":"Añade texto o bloques que se mostrarán cuando una consulta no devuelva resultados."} -->
<p>No post related</p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results --></div>
<!-- /wp:query --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->