WordPressコメント欄の一部を手っ取り早く非表示にして縮小する方法

先日、記事下の「次の投稿」などが英語で表示される原因を探るべく、ネットを検索して他人のブログを読んでいた時のこと。

普段からアチキが少し気になっていた、コメント欄の縮小表示方法を思いがけずみつけてしまった。

WordPress Twenty Fourteenのコメント欄の何が気になっていたかというと、やたら「コメントを残す」部分がスペースを取っていること。

パソコンでは余り気にならないが、タブレットやスマホでスクロールしていくとやたら長く感じる。

他の人のブログを見てるとコメント欄スペースを小さくしたり、クリックすると出てくるようなカスタマイズをやっているようだ。

じゃぁ、どうやるんだ？ってググってみると、phpファイルを変更してコレコレに書き換えて…などの方法をよく見かける。

うーん、無理だ。アチキには無理っぽい。
せめて子テーマのstyle.cssに記述するくらいじゃないと…と、思ってたら下記引用サイトはアチキにピッタシの方法を解説してくれてる！

本当は後述する方法で行った方がソース上からも消えますしもちろん良いんですが、あまりPHPは触りたくないとか手っ取り早く必要ない部分を消したいという場合はCSSだけでも一応対応はできます。

例えばサイトの種類によっては必要ないという声をよく聞く「ウェブサイト」の入力項目と「次のHTMLタグと属性が使えます: ～ …」の2つを消したいという場合は、CSSに以下を追記することで非表示にできます。

引用元: WordPress：コメントフォームをカスタマイズする方法 | NxWorld.

 

そうそうソースや醤油にゴミが含まれていたってアチキはへっちゃら。（意味が違うか）
”手っ取り早い”方法が好き

他の部分は内容が高度過ぎて分からないッス。
とりあえずアチキはCSSを使った非表示方式を採用。

そんじゃやってみよう。
WordPress3.8.1＋Twenty Fourteen＋自作子テーマにて。

気になっていたコメント欄は以下の様。

長い、デカイよ。そんなにスペースが必要か？
目立たせてコメントを書きやすくしてるようなWordPressを作った人の意図があるんかいな？

でもなぁ、邪魔だからといってコメントできないようにしてしまったら寂しいしなぁ。

タグの説明とウエブサイト部分を非表示に

これまでの経験から気さくなブログにHTMLタグ付きでコメントした人はいなかったと思う。
ウエブサイトは有ったけど、うーん…我慢してもらおう。ごめんなさい。

で、参考サイトのおまじないをアチキの子テーマのstyle.cssに追加して、

上書き保存してFTPソフトでサーバーにアップロード。
ブログを表示して再読み込みすると…

おお、消えてる。

少しはコメント欄スペースが縮小できてよかったかな（？）

2014.04.15追記：WordPress.comのプラグイン「Jetpack」の中の「Jetpack コメント」を使えば簡単にコメント欄を縮小することが出来た。コメント欄をクリックするとビヨーンと名前やメアド記入欄が出現する。

ただ、あまりにも多数の機能が詰まったパックなので使用するかどうかは思案中。他の機能を停止すればいいんだけどね。それでも一度使って再びアンインストールしてるところ。直感的に使わなくてもいいかな？と、思ったもんで。

Jetpack is a WordPress plugin that supercharges your self-hosted WordPress site with the awesome cloud power of WordPress.com.

引用元: WordPress › Jetpack by WordPress.com « WordPress Plugins.