ブログ運営

WordPressのコメント欄をシンプルにカスタマイズする方法

投稿日:2018年7月21日 更新日:

はいどーも!KURAKANです。(@kurakan_dustbox

唐突ですけどWordPressのコメント欄って使い辛くないですか?

ライブドアブログやFC2ブログのように、名前と本文の入力だけで気軽にコメントができれば良いのですが、WordPressのコメント欄ってデフォルトでメールアドレス・ウェブサイトという余計な入力欄があります。

しかも、メールアドレスは入力必須というゴミ仕様です。

まぁ、名前とメールアドレスは 設定 ⇒ ディスカッション で入力必須にするか選択できますが、入力必須にしないように変更をしても記入欄が消えないので、コメントしたい人からすると『メールアドレスを入力しないとコメントできないのか。それならコメントするのは辞めよう』となってしまいます。

それなら記入欄を消してしまえば良い

まぁしょーゆーことです。

僕は何でもプラグインで解決してしまうのですが、今回は探しても見つからなかったので、僕にしては珍しくCSSに直接追記することにしました。

 

■ メールアドレス入力欄を削除する

.comment-notes、.comment-form-email {display:none;}

■ ウェブサイト入力欄を削除する

.comment-form-url {display:none;}

■ 次のHTMLタグと属性が使えますの文言を削除する。

.form-allowed-tags {display:none;}

■ 結果、僕が追記したコード全文はこちら

/* コメント欄 カスタマイズ */
/* メールアドレス 入力フォーム消去消去 */
.comment-notes、.comment-form-email {display:none;}
/* ウェブサイト 入力フォーム消去 */
.comment-form-url {display:none;}
/* 属性使えます 消去 */
.form-allowed-tags {display:none;}

上記をコピペすれば全て非表示にできるはずです。
(ブログでコードを書くのが初めてなので、うまくいくか分かりませんが・・・)

 

CSSコードを入力したけど変わらない場合

僕が知っている限り、下記2点が主な原因です。

1.WordPressのディスカッション設定

左側の 設定 ⇒ ディスカッション で以下の赤い四角の部分のチェックを外します。

要は、コメントの投稿者の名前とメールアドレスの入力を必須にするのチェックが入ったままのパターンです。

このチェックを外さないと上記のCSSコードを入力しても意味がありません。

 

2.Jetpackを使っている場合

WordPressのディスカッション設定を変更しても変わらない場合、Jetpackのディスカッション設定を変更する必要があります。あくまでもプラグインのJetpackを使っている場合に限りますが、僕はこのパターンで少し躓きました。

 

■ Jetpackのコメント欄

個人的にはかっこいいコメント欄だと思います。このデザインでメールアドレス・ウェブサイトの入力欄が消えてくれれば最高なんですが、今回ご紹介したCSSコードでは残念ながら消えません。

そういう訳で今回は、Jetpackのコメント欄を使わないようにする設定を行います。

 

■ Jetpack ⇒ 設定 ⇒ ディスカッション

このページの赤い四角の部分をOFFにします。※上記のSSはONの状態です。

Jetpackが原因でコメント欄が変わらない場合は、この手順で本来のコメント入力欄になっているはずです。

これで目的達成です!おつかれさまでした!

 

■ CSSの参考書籍

created by Rinker
¥3,024 (2018/11/20 19:17:09時点 Amazon調べ-詳細)

この記事のまとめ

今は昔と違ってSNSが普及しているので、コメント欄なんて使わずとも、運営者と読者が直接やり取りできる場はあります。ですが、皆がTwitterやFacebookを使っている訳ではないので、僕個人としてはコメント欄ってやっぱり必要だと思います。

普通のコメント・アンチコメ何でも構いませんので、是非この機会にコメントしてみてください。

 

-ブログ運営
-

Copyright© ゴミ記事量産計画!! , 2018 All Rights Reserved.