template-query-loop.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <?php
  2. /**
  3. * Title: List of posts, 1 column
  4. * Slug: srh/template-query-loop
  5. * Categories: query
  6. * Block Types: core/query
  7. * Description: A list of posts, 1 column, with featured image and post date.
  8. */
  9. ?>
  10. <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"full","layout":{"type":"default"}} -->
  11. <div class="wp-block-query alignfull">
  12. <!-- wp:post-template {"align":"full","layout":{"type":"default"}} -->
  13. <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
  14. <div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
  15. <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
  16. <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
  17. <!-- wp:post-content {"align":"full","fontSize":"medium","layout":{"type":"constrained"}} /-->
  18. <!-- wp:post-date {"isLink":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"fontSize":"small"} /-->
  19. </div>
  20. <!-- /wp:group -->
  21. <!-- /wp:post-template -->
  22. <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
  23. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
  24. <!-- wp:query-no-results -->
  25. <!-- wp:paragraph -->
  26. <p><?php echo esc_html_x( 'Sorry, but nothing was found. Please try a search with different keywords.', 'Message explaining that there are no results returned from a search.', 'srh' ); ?></p>
  27. <!-- /wp:paragraph -->
  28. <!-- /wp:query-no-results -->
  29. </div>
  30. <!-- /wp:group -->
  31. <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  32. <div class="wp-block-group alignwide">
  33. <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
  34. <!-- wp:query-pagination-previous /-->
  35. <!-- wp:query-pagination-numbers /-->
  36. <!-- wp:query-pagination-next /-->
  37. <!-- /wp:query-pagination -->
  38. </div>
  39. <!-- /wp:group -->
  40. </div>
  41. <!-- /wp:query -->