当ブログでは「 内部SEO施策済みのシンプルな無料Wordpressテーマ:Simplicity 」を利用しております。

Simplicity
https://wp-simplicity.com/

Simplicityはとにかく素晴らしいです。

今回はSimplicityのちょっとしたカスタマイズとして、「コメント欄の非表示」を行います。

コメントを停止しても表示が残ってしまう。

WordPress でブログを運用していると、一度は悩まされるのがスパムコメントです。 一見「記事をほめてくれているのかな」というスパムもあるので要注意です。

私は「 スパム対策を行うよりも、いっそのことコメント機能を停止してしまったほうが良いと 」考えております。 そのため、管理ツールの設定 > ディスカッションより新しい投稿へのコメントを許可するのチェックを外してコメント機能を停止しております。

しかしながら、このようにコメント欄が残ってしまうことがあるんですね。

WordPress 新しい投稿へのコメントを許可するのチェックを外した状態の表示
WordPress 新しい投稿へのコメントを許可するのチェックを外した状態の表示

これはかっこ悪い、、、どうにかして消したいです。

CSSで非表示にする

管理ツールにログインして CSS を編集しましょう。 Simplicity2とその子テーマを利用している前提です。

管理ツールの外観 > テーマの編集に遷移してください。

WordPress テーマのstyle.css編集画面
WordPress テーマのstyle.css編集画面

[編集するテーマを選択]は [Simplicity2 child] 、[テンプレート]は [スタイルシート(stype.css)] が選択されていることを確認してください。

以下の 1行 を追記してファイルを更新ボタンを押下すれば作業完了です。

1#comment-area { display:none; }

表示は次のようになりました。

WordPress カスタマイズ後のコメント欄を非表示とした状態の表示
WordPress カスタマイズ後のコメント欄を非表示とした状態の表示

うーん、すっきり!

おわりに

ちょっと寂しいため「beforeでテキストを表示」とチャレンジしましたが、「そもそも本体がdisplay:noneの場合はbeforeやafterも表示されない」のですね。
まあ、「せっかくできたスキマ」には物を詰め込むのではなく、 幸せを収納するのがいいと 開き直るしかありません。

「スパムにイライラするくらいなら、いっそのことすべて消してしまおう」という記事でした。

たとえ少しでも勉強すると、やりたいことがどんどんできる。 そんな PHP、CSS、JavaScript は初心者にも入りやすく、ここを入り口にスキルを伸ばしていくのはお勧めです。

「高い授業料を払ってもリターンが期待できる」スクールもぜひご検討ください。