query-posts.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <?php
  2. /**
  3. * Title: List of posts
  4. * Slug: lettre/query-posts
  5. * Categories: featured, query
  6. */
  7. ?>
  8. <!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3},"displayLayout":{"type":"list"},"align":"wide"} -->
  9. <div class="wp-block-query alignwide"><!-- wp:post-template -->
  10. <!-- wp:separator {"color":"tertiary","className":"is-style-wide"} -->
  11. <hr class="wp-block-separator has-text-color has-background has-tertiary-background-color has-tertiary-color is-style-wide"/>
  12. <!-- /wp:separator -->
  13. <!-- wp:cover {"customOverlayColor":"rgba(0,0,0,0)","minHeight":178,"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
  14. <div class="wp-block-cover" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:178px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:rgba(0,0,0,0)"></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":"var( --wp--style--block-gap )","bottom":"0.5em"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
  15. <div class="wp-block-columns alignwide are-vertically-aligned-center has-foreground-color has-text-color has-link-color" style="margin-top:var( --wp--style--block-gap );margin-bottom:0.5em;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
  16. <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
  17. <!-- /wp:column -->
  18. <!-- wp:column {"verticalAlignment":"center","width":"70%","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;flex-basis:70%"><!-- wp:post-title {"textAlign":"left","isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"xx-large","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} /--></div>
  20. <!-- /wp:column -->
  21. <!-- wp:column {"width":"144px"} -->
  22. <div class="wp-block-column" style="flex-basis:144px"><!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"144px","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /--></div>
  23. <!-- /wp:column --></div>
  24. <!-- /wp:columns --></div></div>
  25. <!-- /wp:cover -->
  26. <!-- /wp:post-template -->
  27. <!-- wp:separator {"color":"tertiary","className":"is-style-wide"} -->
  28. <hr class="wp-block-separator has-text-color has-background has-tertiary-background-color has-tertiary-color is-style-wide"/>
  29. <!-- /wp:separator -->
  30. <!-- wp:spacer {"height":"5px"} -->
  31. <div style="height:5px" aria-hidden="true" class="wp-block-spacer"></div>
  32. <!-- /wp:spacer -->
  33. <!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
  34. <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
  35. <!-- wp:query-pagination-next {"fontSize":"small"} /-->
  36. <!-- /wp:query-pagination --></div>
  37. <!-- /wp:query -->