WordPressのコメント欄をカスタマイズ！入力項目を非表示にしたり、コメント欄の文言を変更する。

WordPressのコメント欄をカスタマイズする

この記事ではfucntions.phpを使ってWordPressのコメント欄をカスタマイズする方法として、以下のカスタマイズ方法を記述しています。

デザインのカスタマイズについては記載しておりません。

各項目ごとに使用するコードをそれぞれ書いています。
ページの最後にまとめたコードを記載しております。

funcitons.phpって何？という方は関連記事（↓）も参考にどうぞ！

コメント欄の各入力欄を非表示にする

「名前」「メール」「サイト」を非表示にする

名前とメールアドレスの入力欄を削除する際には注意があります。

入力項目を消していてもエラーが出るので注意。

Wordpressの設定で名前とメールアドレスの入力を必須にしている場合、空欄のまま送信を押すとエラーが出てしまうのでまずこちらを無効にします。

ディスカッション ＞ 他のコメント設定

管理画面からディスカッションに進みます。
「コメントの投稿者の名前とメールアドレスの入力を必須にする」のチェックを外しておきましょう。

functions.phpに記述するコード

以下のコード（どちらでもOK）をfunctions.phpに記述します。

コードその１

function commentform_remove($args) {
//名前の入力欄
$args['author'] = '';
//メールの入力欄
$args['email'] = '';
//サイトの入力欄
$args['url'] = '';
    return $args;
}
add_filter('comment_form_default_fields', 'commentform_remove');

comment_form_default_fieldsというフックを使い、各項目の配列を設定して渡すことでfunctions.phpにて各項目を操作できます。

消したい項目を空にするとその入力項目を非表示に出来ます。

コードその２

unset関数を使って各配列の要素を削除する方法でもOKです。

function commentform_remove($args) {
unset($args['author']);
unset($args['email']);
unset($args['url']);
    return $args;
}
add_filter('comment_form_default_fields', 'commentform_remove');

やっていることは同じです。一つ目のコードの方が動作が軽いかな？

「名前」「メール」「サイト」の入力欄を削除した

項目を削除するとこんな感じにコメント本文のみの入力欄になります。

コメント欄の必須項目とCookieの設定

この部分を非表示にする

これはWordpressの設定で簡単に行うことができます。

ディスカッション ＞ 他のコメント設定

画像を参考に赤枠のところのチェックを外すとOKです。かんたん。

コメント欄周りの文字が少なくなってスッキリ！

こんな感じになります。

「メールアドレスが公開されることはありません」を非表示にする

この文言を削除する

functions.phpに記述するコード

function commentform_remove_text( $args ){
    //「メールアドレスが公開されることはありません」を削除
    $args['comment_notes_before'] = '';
    //「HTMLタグと属性が使えます…」を削除
    $args['comment_notes_after'] = '';
    return $args;
}
add_filter('comment_form_defaults', 'commentform_remove_text');

comment_form_defaultsというフックを使います。
入力欄を削除するのに使ったフックには_fieldsが付いていましたが違います。

comment_form_default_fields

「fields」配列のauthor、email、url、cookiesなどの要素を操作可能。

comment_form_default

全てのコメントフィールドを操作可能。
二次元配列の記述でfields要素も操作できる。

comment_notes_beforeとcomment_notes_afterという配列でコメント本文入力欄の前後にあるテキストを設定できます。

コメント欄のタイトルと送信ボタンの文字を変更する

コメント欄のタイトルや、コメントの送信ボタンを目を引くものに変更することによってコメントされる確率が上がるかもしれません。

ここを変更する

こちらもfunctions.phpを使えば簡単に変更することが出来ますので、魅力的な一文に変更して下さい・ｗ・

functions.phpに記述するコード

function commentform_change_text( $args ){
//コメント欄のタイトル
    $args['title_reply'] = 'コメントほしいなぁ～…';
//送信ボタンのテキスト
    $args['label_submit'] = '送信するっ！！';
    return $args;
}
add_filter('comment_form_defaults', 'commentform_change_text');

title_replyに代入したテキストがコメント欄のタイトルになり、
label_submitに代入したテキストが送信ボタンの文字になります。

魅力的な一言でコメント率を上げよう！

こんな感じに変わります。

テーマによってtitle_replyでタイトル文字が変更されない事があります。

コメント欄のタイトルを非表示にする

コメント欄のタイトルを非表示にする

functions.phpに記述するコード

function commentform_remove_title( $args ){
//コメント欄のタイトル
    $args['title_reply'] = '';
//タイトルを囲む開始タグ
    $args['title_reply_before'] = '';
//タイトルを囲む終了タグ
    $args['title_reply_after'] = '';
//送信ボタンのテキスト
    $args['label_submit'] = '送信するっ！！';
    return $args;
}
add_filter('comment_form_defaults', 'commentform_remove_title');

title_replyを空に設定するとタイトルの表示場所に変な空白が出来てしまいます。
そこでタイトルを囲む前後のHTMLタグも同時に削除します。

という感じです。こちらも空欄にしておきましょう。

各入力欄の文字を変更する

「名前」「メール」「サイト」の文字を変更する

CSSを使って変更することも可能ですが、ここではfunctions.phpにプログラムを記述し、読み込み時にテキストを置換する方法で実装します。

functions.phpに記述するコード

名前からニックネームに変更した

文言を１つ変更したい場合のコード

//名前をニックネームに変更する
function commentform_change_name( $changed ) {
$changed = str_ireplace( '名前', 'ニックネーム', $changed );
    return $changed;
}
add_filter('comment_form_default_fields', 'commentform_change_name');

ただ単にテキストを置換しているだけなので、適宜変更することで文字を変更することが出来ます。
（comment_form_default_fieldsフックなのでコメント欄以外に影響なし。）

全項目の文言を変更

入力欄の文言を全て変更したい場合のコード

//名前、メール、サイトをそれぞれ文字変更する
function commentform_change_titles( $changed ) {
$target = array('名前','メール','サイト',);
$replace = array('ニックネーム','mailアドレス','あなたのサイトURL');
$changed = str_ireplace( $target, $replace, $changed );
    return $changed;
}
add_filter('comment_form_default_fields', 'commentform_change_titles');

変更前のテキストと変更後のテキストを配列にまとめています。

配列0,1,2がそれぞれの文言と対応する感じ。
これで任意の箇所の文字を１発で変更することができます。

コメント内容上部の文字を変更する

この部分はCSSで編集する

「コメント」の文字についてはcomment_form_default_fieldsを使った方法ではうまく変更できませんでしたのでCSSで文言変更します。

style.cssに記述するコード

.comment-form-comment label{
    font-size: 0 !important;
}
.comment-form-comment label::before{
    font-size: 18px;
    content: "コメント内容";
}

「コメント」となっている部分にはcomment labelというクラスが当てられているので、こちらをまずfont-size:0で非表示にします。

CSSによって変更されました

あとは疑似要素を使って任意のテキストに変更します。
こんな感じに変わります。

非表示にしたい場合は、display:none;を使用するとOKです。

CSS使用時のクラス名の参考

他の項目でもクラス名を変えることで同様に文言変更ができます。

WordPressコメント欄カスタム用コード

入力項目やテキストの削除と変更

function my_comment_form_custom( $args ){
//名前の入力欄を削除する
    $args['fields']['author'] = '';
//メールの入力欄を削除する
    $args['fields']['email'] = '';
//サイトの入力欄を削除する
    $args['fields']['url'] = '';
//「次回のコメントで使用するため…」を削除
    $args['fields']['cookies'] = '';
//「メールアドレスが公開されることはありません」を削除
    $args['comment_notes_before'] = '';
//「HTMLタグと属性が使えます…」を削除
    $args['comment_notes_after'] = '';
//コメント欄のタイトル
    $args['title_reply'] = 'コメントはお気軽にどうぞ！';
//コメント送信ボタン
    $args['label_submit'] = 'コメントを送信';
    return $args;
}
add_filter('comment_form_defaults', 'my_comment_form_custom');

「名前」「メール」「サイト」の文言を変更

//名前、メール、サイトをそれぞれ文字変更する
function commentform_change_titles( $changed ) {
$target = array('名前','メール','サイト',);
$replace = array('ニックネーム','mailアドレス','あなたのサイトURL');
$changed = str_ireplace( $target, $replace, $changed );
    return $changed;
}
add_filter('comment_form_default_fields', 'commentform_change_titles');

コメント本文上部の「コメント」の文言を変更

.comment-form-comment label{
    font-size: 0 !important;
}
.comment-form-comment label::before{
    font-size: 18px;
    content: "コメント内容";
}

以上の内容で大方コメント欄はカスタマイズできると思います。

まとめ

Wordpressのコメント欄をカスタマイズする方法でした。
ほとんどfunctions.phpだけで対応できます。

コメント欄はシンプルなほどコメント率が上がりますが、入力項目が少ないほどスパムコメントが増える可能性がありますので注意は必要です。