[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Blogging home
   4   * Slug: twentytwentyfour/page-home-blogging
   5   * Categories: twentytwentyfour_page
   6   * Keywords: page, starter
   7   * Post Types: page, wp_template
   8   * Viewport width: 1400
   9   * Description: A blogging home page with a hero section, a text section, a blog section, and a CTA section.
  10   *
  11   * @package WordPress
  12   * @subpackage Twenty_Twenty_Four
  13   * @since Twenty Twenty-Four 1.0
  14   */
  15  
  16  ?>
  17  
  18  <!-- wp:pattern {"slug":"twentytwentyfour/text-centered-statement-small"}    /-->
  19  
  20  <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
  21  <div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
  22      <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
  23      <div class="wp-block-columns alignwide">
  24          <!-- wp:column {"width":"10%"} -->
  25          <div class="wp-block-column" style="flex-basis:10%">
  26          </div>
  27          <!-- /wp:column -->
  28  
  29          <!-- wp:column {"width":"60%"} -->
  30          <div class="wp-block-column" style="flex-basis:60%">
  31              <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
  32              <div class="wp-block-query">
  33                  <!-- wp:post-template -->
  34                  <!-- wp:group {"tagName":"article","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  35                  <article class="wp-block-group">
  36                      <!-- wp:post-featured-image /-->
  37  
  38                      <!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
  39  
  40                      <!-- wp:template-part {"slug":"post-meta"} /-->
  41  
  42                  </article>
  43                  <!-- /wp:group -->
  44  
  45                  <!-- wp:post-excerpt {"moreText":"","excerptLength":40} /-->
  46  
  47                  <!-- wp:spacer -->
  48                  <div style="height:100px" aria-hidden="true" class="wp-block-spacer">
  49                  </div>
  50                  <!-- /wp:spacer -->
  51                  <!-- /wp:post-template -->
  52  
  53                  <!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
  54                  <!-- wp:query-pagination-previous /-->
  55  
  56                  <!-- wp:query-pagination-numbers /-->
  57  
  58                  <!-- wp:query-pagination-next /-->
  59                  <!-- /wp:query-pagination -->
  60  
  61                  <!-- wp:query-no-results -->
  62                  <!-- wp:pattern {"slug":"twentytwentyfour/hidden-no-results"} /-->
  63                  <!-- /wp:query-no-results -->
  64              </div>
  65              <!-- /wp:query -->
  66          </div>
  67          <!-- /wp:column -->
  68  
  69          <!-- wp:column {"width":"10%"} -->
  70          <div class="wp-block-column" style="flex-basis:10%">
  71          </div>
  72          <!-- /wp:column -->
  73  
  74          <!-- wp:column {"width":"30%"} -->
  75          <div class="wp-block-column" style="flex-basis:30%">
  76              <!-- wp:template-part {"slug":"sidebar","tagName":"aside"} /-->
  77          </div>
  78          <!-- /wp:column -->
  79  
  80          <!-- wp:column {"width":"10%"} -->
  81          <div class="wp-block-column" style="flex-basis:10%">
  82          </div>
  83          <!-- /wp:column -->
  84      </div>
  85      <!-- /wp:columns -->
  86  </div>
  87  <!-- /wp:group -->
  88  
  89  <!-- wp:pattern {"slug":"twentytwentyfour/cta-subscribe-centered"}    /-->