WordPressのコメント欄をカスタマイズする方法【THE THOR・それ以外のテーマにも】

2022年4月10日2024年9月4日

今回はWordPressのテーマの機能である、記事のコメント欄にちょっとした文言を追加したい場合のカスタマイズ方法をご紹介しようと思います。

↓２つのファイルを使って対応します。

THE THORのテーマ内のPHPファイル
WordPressのテンプレートファイル

②のファイルは、どのWordPressテーマを使っていても共通のファイルになるので、カスタマイズの参考になると思いますよ。

みみこ

他のテーマを使っていてもカスタマイズできるのはいいですね♪

カスタマイズするときは、子テーマを使って、バックアップを取ってから行ってください。
カスタマイズは必ず自己責任でお願いいたします。

THE THORのファイル

「wp-content > themes > the thor > comments.php」

↑にあるcomments.phpファイルを使います。

ただし、親テーマではなく、必ず子テーマに複製してから、

「wp-content > themes > the thor child > comments.php」

のファイルを編集しましょう。

＜親テーマの場所（右上がTHE THOR）＞

＜子テーマの場所（右上がTHE THOR CHILD）＞

子テーマについてはこちらで解説しています↓

ストレスフリーなブロガーライフを…

親テーマから子テーマにカスタマイズするファイルをダウンロードする方法子テーマの設定と、親テーマから子テーマにカスタマイズしたいファイルをダウンロード・アップロードする方法をわかりやすく解説！

変更前のコード

<?php $args = array(
'title_reply' => 'コメントを書く',
'label_submit' => __( 'コメントを送信' , 'default' ),
'title_reply_before' => '<h2 class=”heading heading-secondary”>',
'title_reply_after' => '</h2>',
);
comment_form( $args ); ?>

コード内の「コメントを書く」の文字を、↓のようにします。

変更後のコード

<?php $args = array(
'title_reply' => 'コメントもらえると嬉しいです(o^^o)',
'label_submit' => __( 'コメントを送信' , 'default' ),
'title_reply_before' => '<h2 class=”heading heading-secondary”>',
'title_reply_after' => '</h2>',
);
comment_form( $args ); ?>

WordPressのテンプレートファイル

今度は、WordPress共通で使われている↓のファイルを使います。

「wp-includes > comment-template.php」

子テーマとかはないので、同じ箇所に上書きをするので、こちらも必ずバックアップを取って上書きしましょう^^

最初は↓のようになっています（コードの一部を抜粋）。

$fields = array(
'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . ( $req ? ' <span class="required">*</span>' : " ) . '</label> ' .
'<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" maxlength="245"' . $html_req . ' /></p>',
'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . ( $req ? ' <span class="required">*</span>' : " ) . '</label> ' .
'<input id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30" maxlength="100" aria-describedby="email-notes"' . $html_req . ' /></p>',
'url' => '<p class="comment-form-url"><label for="url">' . __( 'Website' ) . '</label> ' .
'<input id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" maxlength="200" /></p>',
);

この中の、「２行目にある、*」というところを変えます。

「ニックネームでもOKですよ〜」との間にテキスト入力し表示させています。

また、「 」を挟むことで、改行させています。

変更後のコード

$fields = array(
'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . ( $req ? ' <span class="required">*<br>ニックネームでもOKですよ〜</span>' : " ) . '</label> ' .
'<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" maxlength="245"' . $html_req . ' /></p>',
'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . ( $req ? ' <span class="required">*</span>' : " ) . '</label> ' .
'<input id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30" maxlength="100" aria-describedby="email-notes"' . $html_req . ' /></p>',
'url' => '<p class="comment-form-url"><label for="url">' . __( 'Website' ) . '</label> ' .
'<input id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" maxlength="200" /></p>',
);