トップページ > Note > Web言語 > [WordPress]独自テーマにコメント欄を表示させる方法[初心者向け]

[WordPress]独自テーマにコメント欄を表示させる方法[初心者向け]
公開：2019.09.22 更新：2020.05.09

カテゴリ→ Web言語

PHP

ワードプレス

こんにちは、らいどらです。

さあ、いよいよ我がサイトにもコメ欄を表示させる時が来た……..！

ということでさっそく調べてやっていきます。今回は（https://webdesign.practice.jp/wordpress-theme16-comments-php ）様と（ https://fantastech.net/wordpress-comment-form-cookie-checkbox#outline-2 ）様の記事を参考にさせていただきました。

必要なファイル

今回は、個別投稿へのコメント受付なので[single.php]に追記をしていきます。ですが、実際のところ[single.php]への追記はテンプレートタグだけで済ませ、細かい機能などは別途の[comments.php]に記載する場合が多いようなので、私もそちらの方法でやっていきます。

[single.php]への追記はコメントを表示させたい位置に以下のコードをコピペでOK。もちろんdiv要素のclassも変えても構いません。

<div class="comment-fill">
      <?php comments_template(); ?>
</div>

さて、本題の[comments.php]ですが実例を表すとこのサイトのやつがこんな感じ↓

<div id="comment_area">
<?php $args = array(
    'title_reply' => 'コメント',
    'label_submit' => 'コメントを送信する',
    'comment_notes_before' => '<p class="commentNotesBefore"></p>',
    'comment_notes_after'  => '<p class="commentNotesAfter">内容をご確認の上、送信してください。</p>',
    'fields' => array(
            'author' => '<p class="comment-form-author">' .
                        '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' placeholder="ニックネームを入力..." /></p>',
            
            'url'    => '',
            ),
    'comment_field' => '<p class="comment-form-comment">' . '<textarea id="comment" name="comment" cols="50" rows="6"　 placeholder="コメントを入力..." /></textarea></p>',
    );
comment_form( $args ); ?>
  
  <?php if(have_comments()): ?>

<ol class="commets-list">
<?php wp_list_comments('avatar_size=48'); ?>
</ol>
<?php endif; ?>
  
</div>

…….申し訳ないです。ほとんど（https://webdesign.practice.jp/wordpress-theme16-comments-php ）様のコピペでございます。とはいえ、必要な部分はちゃんと変えたから許してくれ…….。

でも、コピペでもなんとかなる理由はちゃんとあります。それはWordPressが勝手に手伝ってくれるということです。

例をあげると、下の画像の赤い下線でチェックボックスがある文。これはcookieを使用する機能ですから、初心者だとちょっと厳しいものがありますが、この文はWordPressが出力させている文になります。