[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Right-aligned single post
   4   * Slug: twentytwentyfive/template-single-vertical-header-blog
   5   * Template Types: posts, single
   6   * Viewport width: 1400
   7   * Inserter: no
   8   *
   9   * @package WordPress
  10   * @subpackage Twenty_Twenty_Five
  11   * @since Twenty Twenty-Five 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":{"left":"0"}}}} -->
  16  <div class="wp-block-columns is-not-stacked-on-mobile" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
  17      <!-- wp:column {"width":"8rem"} -->
  18      <div class="wp-block-column" style="flex-basis:8rem">
  19          <!-- wp:template-part {"slug":"vertical-header"} /-->
  20      </div>
  21      <!-- /wp:column -->
  22      <!-- wp:column {"width":"90%","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"0"}}},"layout":{"type":"default"}} -->
  23      <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:90%">
  24          <!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
  25          <main class="wp-block-group">
  26              <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"0"}}},"layout":{"type":"default"}} -->
  27              <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:0">
  28                  <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
  29                  <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
  30                  <!-- /wp:spacer -->
  31                  <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  32                  <div class="wp-block-group">
  33                      <!-- wp:post-title {"level":1,"style":{"layout":{"selfStretch":"fixed","flexSize":"70vw"}},"fontSize":"xx-large"} /-->
  34                      <!-- wp:post-date {"textAlign":"right","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"small"} /-->
  35                      </div>
  36                  <!-- /wp:group -->
  37  
  38                  <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
  39                  <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
  40                  <!-- /wp:spacer -->
  41              </div>
  42              <!-- /wp:group -->
  43              <!-- wp:post-featured-image {"aspectRatio":"16/9"} /-->
  44              <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
  45              <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50)">
  46                  <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  47                  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)">
  48                      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  49                      <div class="wp-block-group">
  50                          <!-- wp:avatar {"size":30,"isLink":true,"style":{"border":{"radius":"100px"}}} /-->
  51                          <!-- wp:post-author-name {"isLink":true,"fontSize":"small"} /-->
  52                      </div>
  53                      <!-- /wp:group -->
  54                      <!-- wp:post-terms {"term":"post_tag","separator":"  ","className":"is-style-post-terms-1","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} /-->
  55                  </div>
  56                  <!-- /wp:group -->
  57  
  58                  <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
  59                  <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
  60                  <!-- /wp:spacer -->
  61  
  62                  <!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|70"}}}} -->
  63                  <div class="wp-block-columns">
  64                      <!-- wp:column {"width":"75%","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"}}}} -->
  65                      <div class="wp-block-column" style="padding-bottom:var(--wp--preset--spacing--60);flex-basis:75%">
  66                          <!-- wp:post-content {"layout":{"type":"default"}} /-->
  67                      </div>
  68                      <!-- /wp:column -->
  69                      <!-- wp:column {"width":"25%"} -->
  70                      <div class="wp-block-column" style="flex-basis:25%">
  71                          <!-- wp:template-part {"slug":"sidebar"} /-->
  72                      </div>
  73                      <!-- /wp:column -->
  74                  </div>
  75                  <!-- /wp:columns -->
  76  
  77                  <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
  78                  <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
  79                  <!-- /wp:spacer -->
  80              </div>
  81              <!-- /wp:group -->
  82              <!-- wp:group {"ariaLabel":"<?php esc_attr_e( 'Post navigation', 'twentytwentyfive' ); ?>","tagName":"nav","align":"full","style":{"border":{"top":{"color":"var:preset|color|accent-6","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
  83              <nav class="wp-block-group alignfull" aria-label="<?php esc_attr_e( 'Post navigation', 'twentytwentyfive' ); ?>" style="border-top-color:var(--wp--preset--color--accent-6);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
  84                  <!-- wp:post-navigation-link {"type":"previous","showTitle":true,"arrow":"arrow"} /-->
  85                  <!-- wp:post-navigation-link {"showTitle":true,"arrow":"arrow"} /-->
  86              </nav>
  87              <!-- /wp:group -->
  88          </main>
  89          <!-- /wp:group -->
  90          <!-- wp:group {"tagName":"aside","align":"wide","layout":{"type":"constrained","justifyContent":"left"},"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
  91          <aside class="wp-block-group alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
  92              <!-- wp:pattern {"slug":"twentytwentyfive/comments"} /-->
  93          </aside>
  94          <!-- /wp:group -->
  95      </div>
  96      <!-- /wp:column -->
  97  </div>
  98  <!-- /wp:columns -->
  99  
 100  <!-- wp:template-part {"slug":"footer"} /-->