[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Comments
   4   * Slug: ipsum/hidden-comments
   5   * Inserter: no
   6   * Description: The comments section of the Single Posts templates. It has a heading with the comment count, the comments with pagination, and the comment form. Each comment shows its avatar, author, date, and edit and reply links.
   7   *
   8   * @package Ipsum
   9   * @since Ipsum 1.0
  10   */
  11  
  12  ?>
  13  <!-- wp:comments {"className":"wp-block-comments-query-loop","style":{"spacing":{"padding":{"top":"var:preset|spacing|60"}},"border":{"top":{"color":"var:preset|color|accent-6","style":"solid","width":"1px"}}}} -->
  14  <div class="wp-block-comments wp-block-comments-query-loop" style="border-top-color:var(--wp--preset--color--accent-6);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Comments Titles', 'Name of the group holding the comments heading and count', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  15  <div class="wp-block-group"><!-- wp:heading -->
  16  <h2 class="wp-block-heading"><?php esc_html_e( 'Comments', 'ipsum' ); ?></h2>
  17  <!-- /wp:heading -->
  18  
  19  <!-- wp:comments-title {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} /--></div>
  20  <!-- /wp:group -->
  21  
  22  <!-- wp:comment-template -->
  23  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Comment Template Wrapper', 'Name of the group wrapping each comment', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":"0","margin":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
  24  <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Comment Template Details', 'Name of the group holding the comment details', 'ipsum' ); ?>"},"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"0","right":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  25  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0"><!-- wp:avatar {"size":48,"isLink":true} /-->
  26  
  27  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Comment Date and Author', 'Name of the group holding the comment date and author', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
  28  <div class="wp-block-group"><!-- wp:comment-author-name /-->
  29  
  30  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Comment Date and Edit', 'Name of the group holding the comment date and edit link', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  31  <div class="wp-block-group"><!-- wp:comment-date {"isLink":false} /-->
  32  
  33  <!-- wp:comment-edit-link {"className":"is-style-dot-before"} /-->
  34  
  35  <!-- wp:comment-reply-link {"className":"is-style-dot-before"} /--></div>
  36  <!-- /wp:group --></div>
  37  <!-- /wp:group --></div>
  38  <!-- /wp:group -->
  39  
  40  <!-- wp:comment-content /--></div>
  41  <!-- /wp:group -->
  42  <!-- /wp:comment-template -->
  43  
  44  <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
  45  <!-- wp:comments-pagination-previous /-->
  46  
  47  <!-- wp:comments-pagination-next /-->
  48  <!-- /wp:comments-pagination -->
  49  
  50  <!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} /--></div>
  51  <!-- /wp:comments -->