query-related-post.php 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <?php
  2. /**
  3. * Title: In-post article promo
  4. * Slug: lettre/query-related-post
  5. * Categories: featured, query
  6. */
  7. ?>
  8. <!-- wp:paragraph {"fontSize":"small","style":{"typography":{"textTransform":"uppercase"}}} -->
  9. <p class="has-small-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Related post', 'lettre' ); ?></p>
  10. <!-- /wp:paragraph -->
  11. <!-- wp:query {"query":{"pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":"1"},"displayLayout":{"type":"list"}} -->
  12. <div class="wp-block-query"><!-- wp:post-template -->
  13. <!-- wp:separator {"color":"tertiary","className":"is-style-wide"} -->
  14. <hr class="wp-block-separator has-text-color has-background has-tertiary-background-color has-tertiary-color is-style-wide"/>
  15. <!-- /wp:separator -->
  16. <!-- wp:cover {"overlayColor":"secondary","minHeight":124,"isDark":false,"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  17. <div class="wp-block-cover is-light" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:124px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"calc(var( --wp--style--block-gap ) - 0.25em)","bottom":"0.25em"}}}} -->
  18. <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:calc(var( --wp--style--block-gap ) - 0.25em);margin-bottom:0.25em;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  19. <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:post-title {"textAlign":"left","isLink":true,"style":{"typography":{"lineHeight":"1.1","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#ffffff","link":"#ffffff"},"spacing":{"margin":{"top":"0px","bottom":"0.5rem"}}},"fontSize":"large"} /-->
  20. <!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
  21. <!-- /wp:column -->
  22. <!-- wp:column {"width":"100px"} -->
  23. <div class="wp-block-column" style="flex-basis:100px"><!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"100px","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /--></div>
  24. <!-- /wp:column --></div>
  25. <!-- /wp:columns --></div></div>
  26. <!-- /wp:cover -->
  27. <!-- /wp:post-template -->
  28. <!-- wp:separator {"color":"tertiary","className":"is-style-wide"} -->
  29. <hr class="wp-block-separator has-text-color has-background has-tertiary-background-color has-tertiary-color is-style-wide"/>
  30. <!-- /wp:separator --></div>
  31. <!-- /wp:query -->