Knowledge Base
WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

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

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


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

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

Knowledge Base
 
コメントやログイン画面などにrecaptcha機能を追加するプラグイン「Are you robot?...
https://www.momosiri.info/wppi/are-you-robot-google-recaptcha-for-wordpress/
recaptcha機能というと難しい用語ですが、「Are you robot? google recaptcha for wordpress」はWordpressのコメントスパム防止のため「私はロボットではありません」という項目にチェックをいれてもらうようにするプラグインです。recaptcha（リキャプチャ）という...

や

Knowledge Base
計算方式の認証を追加して不正ログインやスパムコメントなどを防止するプラグイン...
https://www.momosiri.info/wppi/math-captcha/
「Math Captcha」はログインなどのセキュリティによく使われる画像認証とは異なり、数字の計算式を表示して□の中に数字を入力して正しければ認証が完了するというユニークなプラグインです。

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

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

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

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

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

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

この記事を参考にプラグインの導入をする際以下に留意ください

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

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

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

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

インストール方法

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

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

Knowledge Base
【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法
https://www.momosiri.info/cms/wordpresspluginerror/
Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

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

項目は

  1. remove url field

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

  2. remove email field

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

  3. texts before the form

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

  4. texts after the form

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

  5. two column layout

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

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

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

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

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

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン＆スマホ両対応のＷｅｂサイトを作れる！ソーシャルメディアとの連携やＳＥＯ対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格：１,７３８円
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
Amazonで詳細を見る
楽天市場で探す
Yahoo!で探す

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】