posts-list.php 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <?php
  2. /**
  3. * Title: Posts List
  4. * Slug: craftfully/posts-list
  5. * Categories: featured
  6. */
  7. declare( strict_types = 1 );
  8. ?>
  9. <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  10. <div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"left":"var:preset|spacing|50"}}}} -->
  11. <div class="wp-block-columns alignwide" style="padding-right:0;padding-left:0"><!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"right":"0","left":"0"}}}} -->
  12. <div class="wp-block-column" style="padding-right:0;padding-left:0;flex-basis:66.66%"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  13. <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}},"fontFamily":"dm-mono"} -->
  14. <p class="has-dm-mono-font-family" style="font-size:14px"><?php echo esc_html__( 'Explore', 'craftfully' ); ?></p>
  15. <!-- /wp:paragraph -->
  16. <!-- wp:heading {"style":{"layout":{"selfStretch":"fit","flexSize":null}},"className":"heading-bg"} -->
  17. <h2 class="wp-block-heading heading-bg"><?php echo esc_html__( 'Latest Posts', 'craftfully' ); ?></h2>
  18. <!-- /wp:heading --></div>
  19. <!-- /wp:group -->
  20. <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","enhancedPagination":true,"layout":{"type":"default"}} -->
  21. <main class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
  22. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40","padding":{"bottom":"var:preset|spacing|40"}}}} -->
  23. <div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4"} /-->
  24. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  25. <div class="wp-block-group"><!-- wp:post-terms {"term":"category","textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}},"fontFamily":"dm-mono"} /-->
  26. <!-- wp:post-title {"textAlign":"left","isLink":true,"fontSize":"medium","fontFamily":"system-font"} /--></div>
  27. <!-- /wp:group --></div>
  28. <!-- /wp:group -->
  29. <!-- /wp:post-template -->
  30. <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  31. <div class="wp-block-group alignwide"><!-- wp:query-pagination {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
  32. <!-- wp:query-pagination-previous /-->
  33. <!-- wp:query-pagination-next /-->
  34. <!-- /wp:query-pagination --></div>
  35. <!-- /wp:group --></main>
  36. <!-- /wp:query --></div>
  37. <!-- /wp:column -->
  38. <!-- wp:column {"width":"33.33%","style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
  39. <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"sidebar"} /--></div>
  40. <!-- /wp:column --></div>
  41. <!-- /wp:columns --></div>
  42. <!-- /wp:group -->