template-query-loop.php 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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-title {"isLink":true,"fontSize":"x-large"} /-->
  16. <!-- wp:post-content {"align":"full","fontSize":"medium","layout":{"type":"constrained"}} /-->
  17. <!-- wp:post-date {"isLink":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}},"fontSize":"small"} /-->
  18. </div>
  19. <!-- /wp:group -->
  20. <!-- /wp:post-template -->
  21. <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
  22. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
  23. <!-- wp:query-no-results -->
  24. <!-- wp:paragraph -->
  25. <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>
  26. <!-- /wp:paragraph -->
  27. <!-- /wp:query-no-results -->
  28. </div>
  29. <!-- /wp:group -->
  30. <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  31. <div class="wp-block-group alignwide">
  32. <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
  33. <!-- wp:query-pagination-previous /-->
  34. <!-- wp:query-pagination-numbers /-->
  35. <!-- wp:query-pagination-next /-->
  36. <!-- /wp:query-pagination -->
  37. </div>
  38. <!-- /wp:group -->
  39. </div>
  40. <!-- /wp:query -->