WordPressのコメントフォームから不要なフィールドを非表示にするプラグイン「Advanced Comment Form」

公開日：2017年3月4日更新日：2017年10月29日その他コミュニケーション

【この記事の目次】－　必要な部分だけ見たいときにどうぞ　－ [表示する]

1 【Advanced Comment Form】プラグインの基本的な機能・できること
2 【Advanced Comment Form】プラグインの設定画面や表示の日本語化と翻訳
3 【Advanced Comment Form】プラグインのインストールと設定
4 【Advanced Comment Form】プラグインの基本的な使い方

Wordpressのコメントフォームでは、標準の状態で「名前」と「メールアドレス」の入力は必須になっており、所有サイトの情報も入力できるようになっています。

よりたくさんの人からコメントをもらうためには「メールアドレス」の項目を必須ではない状態にして、代わりに

Knowledge Base

Wordpressでコメントやログイン画面などにrecaptcha機能を追加するプラグイン「Are...

https://www.momosiri.info/wppi/are-you-robot-google-recaptcha-for-wordpress/

recaptcha機能というと難しい用語ですが、「Are you robot? google recaptcha for wordpress」は要するにWordpressのコメントスパムやスパムログインなどの防止のため「私はロボットではありません」という項目にチェックをいれてもらうようにするプラグインです。re...

や

Knowledge Base

Wordpressで計算方式の認証を追加して不正ログインやスパムコメントなどを防止する...

https://www.momosiri.info/wppi/math-captcha/

左の画像のように、「Math Captcha」はログインなどのセキュリティによく使われる画像認証とは異なり、数字の計算式を表示して□の中に数字を入力して正しければ認証が完了するというユニークなプラグインです。使いたいシーンだけに限定して使用できますから、特にバ...

などのプラグインを追加して、メールアドレスの代わりとなるスパム対策を講じるのが妥当な方法だと思います。

でも、ディスカッションの設定で「名前」と「メールアドレス」を必須項目から外してもフォームには前述した３つの要素は表示されたままです。入力してもらう必要がないなら「メールアドレス」や「ウェブサイト」の項目も表示しないようにしたいということができるのが、今回紹介する【Advanced Comment Form】です。

いろいろと調べるとこれらの項目をCSSで非表示にしたり、コードを追加して非表示にしたりする方法がたくさん紹介されているのですが、より安全にカスタマイズするならやはりプラグインで解決するのが一番だと思います。プラグインで機能追加しておけば、再び表示したくなったときにはプラグインを停止するだけで処理が完了するというメリットもありますからね。

このプラグインは同時に不要となる「メールアドレスが公開されることはありません。 * が付いている欄は必須項目です」という文字列を他の文章に変更することもできますし、フォームの後ろに文章を追加することもできますから、標準仕様よりはちょっとオリジナルなコメント入力フォームを作成することができるようになります。

【Advanced Comment Form】プラグインの基本的な機能・できること

コメント欄から「メールアドレス」フィールドを非表示にする
コメント欄から「ウェブサイト」フィールドを非表示にする
コメントフォーム前後の文字列を変更したり削除したりする

この記事の内容について

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います

すべての環境で動作するとは限りません

できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります

有料版と無料版がある場合、テストは原則無料版のみで実施しています

テスト環境については文末に記載しています

使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Advanced Comment Form】プラグインの設定画面や表示の日本語化と翻訳

【Advanced Comment Form】プラグインは言語の変更に未対応ですので表示のまま設定することになります。下の解説に従って設定するだけですし、難しい単語は特にないと思われますのでそのまま設定しても不都合はないと思います

【Advanced Comment Form】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Knowledge Base

【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法

https://www.momosiri.info/cms/wordpresspluginerror/

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。いちばん簡単にプラグインを...

を参照ください

設定はダッシュボードから「コメント」→「Comment Form」で行います。

項目は

remove url field

「remove website field」はサイトを入力するフィールドを削除するチェック、「remove website field with css」はサイト入力フィールドに割り当てられたCSSを無効にするチェックになります。両方チェックしておけば問題ありません。

remove email field

「remove email field」はメールアドレスを入力するフィールドを削除するチェック、「remove email field with css」はメールアドレス入力フィールドに割り当てられたCSSを無効にするチェックになります。両方チェックしておけば問題ありません。

texts before the form

フォームの前にある文章である「メールアドレスが公開されることはありません。 * が付いている欄は必須項目です」という文章を非表示にするには「remove default text before the form」にチェックを入れます。他の文字列にする場合はチェックを外し、上の窓へ表示したいテキストを入力します。

texts after the form

フォームの後ろにあるタグが利用できる旨のメッセージを非表示にするには「remove default text after the form」にチェックを入れます。他の文字列へ変更する場合は上の窓に代わりとなる文章を入力します。

two column layout

フォームのレイアウトを通常の１列から２列表示にします

【Advanced Comment Form】プラグインの基本的な使い方

このプラグインでフォームから「メールアドレス」の項目が非表示になりますが、「設定」→「ディスカッション」で「コメントの投稿者の名前とメールアドレスの入力を必須にする」にチェックが入った状態だと、コメントが送信されたときにメールアドレスの入力チェックが働いてエラーとなりますから必ずここのチェックを外すようにしてください。

それ以外特にやる作業はありません

※使っているテーマや環境によってはうまく動作しないこともありますから、実際に動作させて確認してくださいね。