コメントテンプレートの作成

コメントテンプレートを作成します。

content-single.phpのフッター部分に追記を行います。

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

  <header class="post__header">
    <!--パーマリンク不要-->
    <h2>
        <?php the_title(); ?>
    </h2>
  </header>

  <?php if( has_post_thumbnail() ) { ?>
    <!--サムネイルを表示-->
        <?php the_post_thumbnail(); ?>
  <?php } ?>

  <section class="post__content">
    <p><?php the_content(); ?></p>
  </section>

  <footer class="post__footer">
    <?php 
    // コメント受付中もしくは、すでにコメントが存在していたらコメント欄を表示
    if ( comments_open() || get_comments_number() ) {
        comments_template();
    } 
    ?>
  </footer>

</article><!-- #post-<?php the_ID(); ?> -->

さらに、comments.phpを作成します。

<section class="comments">

  <?php if(have_comments() === true) { ?>
  <h3>コメント</h3>
    <ul class="comments_list">
      <?php wp_list_comments(array(
            'per_page' => 3, //ページ分けを有効化
            'reverse_top_level' => false //最古のコメントをリストの先頭に表示
        )); ?>
    </ul>
  <?php } ?>
  <!--コメントフォーム-->
  <?php if(comments_open() === true) { ?>
    <?php comment_form(); ?>
  <?php } ?>
</section>

wp_list_comments()でコメントの一覧、comment_form()でコメントの投稿フォームを表示することが可能です。

コメント関連のカスタマイズについては後述します。