WordPress

WordPress★コメント入力フォームをカスタマイズする

投稿日:

Wordpress

 

WordPressのバージョンは4.7.3

コメント入力フォームをカスタマイズする方法です。
変更内容は

1)コメントの入力フォームで不要な部分を非表示にする

2)入力フォームの文言を自由に変更する

 3)コメント表示方法をカスタマイズする←これは次回に。。。

 

1)管理画面から「ディスカッション設定」をする

今回は、匿名でだれでもが気軽にコメントを送れるように設定してみました。

テキストエリアにコメントを入力して送信ボタンを押だけでコメントが反映されるようにします。
そのため、送信制限がかかりそうな部分のチェックをすべて外してあります。

コメントが荒れるようなら適宜送信制限を高くしていく予定。 

ディスカッション設定

 

 

2)コメントの入力フォームで不要な部分を非表示にする

コメント入力フォームの不要部分を非表示にします。

ここでは、「名前」「メールアドレス」「ウエブサイト」を消します。
非表示にするにはCSSを編集するかfunctions.phpにコードを書くかどちらでも可能ですが、今回は他の設定も合わせて行うのでfunctions.phpで非表示にする方法にしました。 

スクリーンショット 2017 03 21 10 58 48

functions.phpに下記のコードをコピペします。

 

add_filter('comment_form_default_fields', 'remove_comment_url_fields');

function remove_comment_url_fields($fields) {
unset($fields['author']);
unset($fields['email']);
unset($fields['url']);
return $fields;
}

これで、「名前」「メールアドレス」「ウエブサイト」が見えなくなりました。

 非表示編集後

 

3)入力フォームの文言を自由に変更する

コメント入力フォームの文言を変更します。

「コメントを残す」「メールアドレスが公開されることはありません」
この2つはfunctions.phpで変更します。
コードはこちら↓

add_filter('comment_form_defaults', 'custom_comment_form');

function custom_comment_form($args) {
$args['title_reply'] = ‘「コメントを残す」のかわりに好きな文章を入力'; $args['comment_notes_before'] = '<p class="comment-notes">「メールアドレスが公開されることはありません」の代わりに好きな文章を入力します。</p>'; $args['comment_notes_after'] = '<p class="form-allowed-tags">テキストエリアと送信ボタンの間に文章を追加したい場合はここに入力します。</p>'; $args['label_submit'] = ‘「コメントを送信」ボタンのラベルを変更する場合はここに入力'; return $args; }

  

「ここに入力してください」はpoファイルを編集するための専用ソフト「Poedit」を使います。
ダウンロードはこちら→https://poedit.net/download 

POファイルというのは、翻訳用に用意されたファイルで日本語の場合は「ja.po」というファイル名です。
実際には「ja.mo」というファイルをWordPressが読み込んで翻訳部分を表示します。
「ja.po」ファイルは「ja.mo」の編集用ファイルになります。
ja.poファイルを保存するとja.moファイルが更新されます。

ワードプレスのPOファイルはここ↓

Languages

「Poedit」でja.poファイルを開くと下のようになります
目的の訳語はかなりしたの方に「Comment [noun]」というソーステキストになっています。
「翻訳」というところに変更したい文章を入力してファイルを保存します。 

Ja po WordPress 4 7 x と languages と Coda

 

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:

関連記事

WP★Twenty Seventeenをカスタマイズ02 コピーライト表記

フッター最下部にある「Proudly powered by WordPress」の表記をカスタマイズする方法です。 この部分は下のファイルに記載されているので、「Twenty Seventeen」テー …

WP★タイトルを大文字から小文字に直す(Twenty Seventeen)

  WordPressのテーマ『Twenty Seventeen』で、ページのタイトルが大文字に強制的に変換されてしまうのをなくす方法です。今さら…ですが、最近手直ししたので覚え書き。 &n …

WordPress★オリジナルテーマにサムネイル画像を設定する

  オリジナルテーマを作ったときに、 「外観」>「テーマ」の一覧表示でサムネイル画像が出るようにする方法。 今回のWordPressのバージョンは4.7.3です。 何も設定してなければ、 サ …

WordPress★記事にグラフを加える「WP Graphs & Charts」プラグインを試してみた!

記事中にグラフを加えたくて調べてみた。 実装には、プラグインを使う方法やjQueryを仕込む方法などさまざまあるみたい。 jQueryを仕込む場合は、後々のメンテナンスや更新もコード中心の記述になるの …

Anti-SPAM-Schild mit Mails im Hintergrund - orange

WP★スパム対策|日本語を必須にする& Google reCAPTCHA で2重のガード!

クライアントさまから「海外からのスパムメールが酷いので何とかならないか」と相談を受け、早速、対策をリサーチ。あまり難しいことをしなくても効果的な対策はないかなぁ。いろいろ調べて絞り込んだ2つの対策をや …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。