プログラミング

【WEBサイト開発入門】CSSだけでWordPress(ワードプレス)のコメントからメールアドレス項目を消す方法

-プログラミング
-

ワードプレスを導入して、初期設定のまま利用すると記事のコメント欄で名前メールアドレスが必須となっています。

他にもサイトの入力欄など不要な項目が必須であったり入力 項目 として存在しています。

私は、サイト運営をする上でコメント欄に必要なのは名前とコメントだけだと思っています。

メールアドレスなど個人情報となりかねないものを収集しておきたくないです。

同じような理由で、コメント欄の不要な項目を消したい方はたくさんいらっしゃるかと思います。

今回はテーマをいじることなく、CSSのみで不要な項目を表示する方法と設定から名前とメールアドレスを必須項目でなくす方法を紹介していきます。

必須を解除せずに、項目のみ表示にしてしまうと 入力チェックでコメントが登録できなくなってしまうので、セットでご紹介します。

また、★2022年最新★入門!CSSだけでワードプレス(WordPress)のコメント欄の項目順を変える方法ではコメント欄の項目順を変更する方法を紹介しています。

組み合わせることで柔軟に 項目欄のカスタマイズができるようになるので、ぜひ併せて読んでみてください。

ワードプレスのコメント欄から不要な項目を削除する方法

以下の手順で、必須の解除と不要な項目の非表示をしていきます。

やる事は2つだけです!

  • 親ワードプレスの設定で名前とメールアドレスの必須を解除
  • CSSを使って不要な項目を非表

≪完成イメージ≫

ワードプレスのコメント欄から不要な項目を削除する手順

STEP1|コメントの名前とメールアドレスの必須を外す

まずは、設定から名前とメールアドレスの必須を外します。

ダッシュボード → 設定 → ディスカッション

でディスカッションの設定を開きます。

次に、

コメントの投稿者の名前とメールアドレスの入力を必須にする

のチェックを外し、設定を保存します。

これで、名前とメールアドレスの必須が外れました

STEP2|追加CSSを使って不要な項目を表示にする

次にテーマのカスタマイズから、追加CSSを開きCSSを追加します。

≪追加CSSにコピペするCSS≫

/* コメント:メールアドレス非表示*/
.comment-form-email{ display:none; }
/* コメント:サイト非表示*/
.comment-form-url{ display:none; }
/* コメント:コメント非表示*/
.comment-notes{ display:none; }

追加をしたら公開をしてください。

これで、コメント欄の冒頭のメッセージとメールアドレス、サイトの部分を非表示とします。

どのスタイルがどの部分に適用されるかはこちらの画像を参考にしてください。

以上ですべての設定が完了です。

さくっとできてしまうと思います。

STEP3|カスタマイズ前後のコメント欄の比較

最後にカスタマイズ前後の比較を載せておきます。

カスタマイズ前と比較して、不要な項目がないので、シンプルでわかりやすいコメントになっています。

≪カスタマイズ前のコメント欄≫

≪カスタマイズ後のコメント欄≫

まとめ

コメント欄の編集は、とても簡単に行うことができます

個人的には、メールアドレスを登録したくない方も多くいて、メールアドレスの登録必須になっていると、のでコメントを残すハードルになると思っています。

今回のカスタマイズでは、シンプルにコメントと名前だけは残すようにして、気軽にコメントしてもらえるように工夫してみました。

やり方はとても簡単なので興味のある方はぜひ試してみてください。

-プログラミング
-