[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Grid of posts featuring the first post, 2 columns
   4   * Slug: twentytwentyfour/posts-grid-2-col
   5   * Categories: query
   6   * Block Types: core/query
   7   * Description: A grid of posts featuring the first post, 2 columns.
   8   *
   9   * @package WordPress
  10   * @subpackage Twenty_Twenty_Four
  11   * @since Twenty Twenty-Four 1.0
  12   */
  13  
  14  ?>
  15  
  16  <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  17  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
  18      <!-- wp:heading {"align":"wide","style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"0"}}},"fontSize":"x-large"} -->
  19      <h2 class="wp-block-heading alignwide has-x-large-font-size" style="margin-top:0;line-height:1"><?php esc_html_e( 'Watch, Read, Listen', 'twentytwentyfour' ); ?></h2>
  20      <!-- /wp:heading -->
  21  
  22      <!-- wp:spacer {"height":"var:preset|spacing|10","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
  23      <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
  24      </div>
  25      <!-- /wp:spacer -->
  26  
  27      <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} -->
  28      <div class="wp-block-columns alignwide">
  29          <!-- wp:column {"width":"60%"} -->
  30          <div class="wp-block-column" style="flex-basis:60%">
  31              <!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} -->
  32              <div class="wp-block-query">
  33                  <!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}}} -->
  34                  <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/4"} /-->
  35  
  36                  <!-- wp:spacer {"height":"var:preset|spacing|10"} -->
  37                  <div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
  38                  </div>
  39                  <!-- /wp:spacer -->
  40  
  41                  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
  42                  <div class="wp-block-group">
  43                      <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"x-large"} /-->
  44  
  45                      <!-- wp:post-excerpt {"excerptLength":35} /-->
  46  
  47                      <!-- wp:template-part {"slug":"post-meta"} /-->
  48  
  49                  </div>
  50                  <!-- /wp:group -->
  51                  <!-- /wp:post-template -->
  52              </div>
  53              <!-- /wp:query -->
  54          </div>
  55          <!-- /wp:column -->
  56  
  57          <!-- wp:column {"width":"40%"} -->
  58          <div class="wp-block-column" style="flex-basis:40%">
  59              <!-- wp:query {"query":{"perPage":2,"pages":0,"offset":1,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
  60              <div class="wp-block-query">
  61                  <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
  62                  <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3"} /-->
  63  
  64                  <!-- wp:spacer {"height":"5px","style":{"layout":{}}} -->
  65                  <div style="height:5px" aria-hidden="true" class="wp-block-spacer">
  66                  </div>
  67                  <!-- /wp:spacer -->
  68  
  69                  <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
  70                  <div class="wp-block-group">
  71                      <!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /-->
  72  
  73                      <!-- wp:post-excerpt {"excerptLength":14,"fontSize":"small"} /-->
  74                      <!-- wp:template-part {"slug":"post-meta"} /-->
  75  
  76                  </div>
  77                  <!-- /wp:group -->
  78                  <!-- /wp:post-template -->
  79              </div>
  80              <!-- /wp:query -->
  81          </div>
  82          <!-- /wp:column -->
  83      </div>
  84      <!-- /wp:columns -->
  85  </div>
  86  <!-- /wp:group -->