[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Hidden Comments
   4   * Slug: twentytwentythree/hidden-comments
   5   * Inserter: no
   6   *
   7   * @package WordPress
   8   * @subpackage Twenty_Twenty_Three
   9   * @since Twenty Twenty-Three 1.0
  10   */
  11  
  12  ?>
  13  
  14  <!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
  15  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
  16      <!-- wp:comments -->
  17      <div class="wp-block-comments">
  18          <!-- wp:heading {"level":2} -->
  19          <h2><?php echo esc_html_x( 'Comments', 'Title of comments section', 'twentytwentythree' ); ?></h2>
  20          <!-- /wp:heading -->
  21  
  22          <!-- wp:comments-title {"level":3} /-->
  23  
  24          <!-- wp:comment-template -->
  25              <!-- wp:columns {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
  26              <div class="wp-block-columns" style="margin-bottom:var(--wp--preset--spacing--40)">
  27                  <!-- wp:column {"width":"40px"} -->
  28                  <div class="wp-block-column" style="flex-basis:40px">
  29                      <!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
  30                  </div>
  31                  <!-- /wp:column -->
  32  
  33                  <!-- wp:column -->
  34                  <div class="wp-block-column">
  35                      <!-- wp:comment-author-name /-->
  36  
  37                      <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
  38                      <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
  39                          <!-- wp:comment-date /-->
  40                          <!-- wp:comment-edit-link /-->
  41                      </div>
  42                      <!-- /wp:group -->
  43  
  44                      <!-- wp:comment-content /-->
  45  
  46                      <!-- wp:comment-reply-link /-->
  47                  </div>
  48                  <!-- /wp:column -->
  49              </div>
  50              <!-- /wp:columns -->
  51          <!-- /wp:comment-template -->
  52  
  53          <!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
  54              <!-- wp:comments-pagination-previous /-->
  55              <!-- wp:comments-pagination-numbers /-->
  56              <!-- wp:comments-pagination-next /-->
  57          <!-- /wp:comments-pagination -->
  58  
  59      <!-- wp:post-comments-form /-->
  60      </div>
  61      <!-- /wp:comments -->
  62  </div>
  63  <!-- /wp:group -->