featured-posts.php 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <?php
  2. /**
  3. * Title: Trending Posts
  4. * Slug: spiel/trending-posts
  5. * Categories: featured
  6. */
  7. declare( strict_types = 1 );
  8. ?>
  9. <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
  10. <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
  11. <!-- wp:group {"align":"wide","style":{"border":{"bottom":{"color":"var:preset|color|contrast","style":"solid","width":"3px"}},"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
  12. <div class="wp-block-group alignwide" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-style:solid;border-bottom-width:3px;margin-bottom:var(--wp--preset--spacing--50)">
  13. <!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
  14. <h2 class="wp-block-heading has-medium-font-size" style="text-transform:uppercase"><?php echo esc_html__( 'Trending', 'spiel' ); ?></h2>
  15. <!-- /wp:heading -->
  16. </div>
  17. <!-- /wp:group -->
  18. <!-- wp:query {"queryId":2,"query":{"perPage":"4","pages":0,"offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"align":"wide"} -->
  19. <div class="wp-block-query alignwide">
  20. <!-- wp:post-template {"layout":{"type":"grid","columnCount":4}} -->
  21. <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
  22. <!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"constrained"}} -->
  23. <div class="wp-block-group">
  24. <!-- wp:post-terms {"term":"category"} /-->
  25. <!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
  26. <!-- wp:post-author-name {"isLink":true} /-->
  27. </div>
  28. <!-- /wp:group -->
  29. <!-- /wp:post-template -->
  30. </div>
  31. <!-- /wp:query -->
  32. </div>
  33. <!-- /wp:group -->