[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Comments
   4   * Slug: twentytwentyfive/comments
   5   * Description: Comments area with comments list, pagination, and comment form.
   6   * Categories: text
   7   * Block Types: core/comments
   8   *
   9   * @package WordPress
  10   * @subpackage Twenty_Twenty_Five
  11   * @since Twenty Twenty-Five 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:comments {"className":"wp-block-comments-query-loop","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}}} -->
  16  <div class="wp-block-comments wp-block-comments-query-loop" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">
  17      <!-- wp:heading {"fontSize":"x-large"} -->
  18      <h2 class="wp-block-heading has-x-large-font-size"><?php esc_html_e( 'Comments', 'twentytwentyfive' ); ?></h2>
  19      <!-- /wp:heading -->
  20      <!-- wp:comments-title {"level":3,"fontSize":"large"} /-->
  21      <!-- wp:comment-template -->
  22      <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
  23      <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
  24          <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
  25          <div class="wp-block-group">
  26              <!-- wp:avatar {"size":50} /-->
  27              <!-- wp:group -->
  28              <div class="wp-block-group">
  29                  <!-- wp:comment-date /-->
  30                  <!-- wp:comment-author-name /-->
  31                  <!-- wp:comment-content /-->
  32                  <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  33                  <div class="wp-block-group">
  34                      <!-- wp:comment-edit-link /-->
  35                      <!-- wp:comment-reply-link /-->
  36                  </div>
  37                  <!-- /wp:group -->
  38              </div>
  39              <!-- /wp:group -->
  40          </div>
  41          <!-- /wp:group -->
  42      </div>
  43      <!-- /wp:group -->
  44      <!-- /wp:comment-template -->
  45  
  46      <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
  47      <!-- wp:comments-pagination-previous /-->
  48      <!-- wp:comments-pagination-next /-->
  49      <!-- /wp:comments-pagination -->
  50  
  51      <!-- wp:post-comments-form /-->
  52  </div>
  53  <!-- /wp:comments -->