宮崎暮らしの視点から、徒然なるままに。

Miyazaki Life

WordPress

WordPressテンプレート(テーマ)で投稿日時や投稿者名を非表示にする方法

投稿日:


WordPressテンプレート(テーマ)で企業サイトなどを作成する時に不要になるのが、投稿日時や投稿者名(author)の表示。

プラグインを入れたり、テンプレートを触ることなく非表示にするには、CSSで非表示にする方法があります。




まずは投稿者名や日時が表示されているクラス名を調査

CSSで非表示にするためには、まずは投稿者名や日時が表示されているclass名を調査します。

調査には、Cromeが便利。ブラウザ上で右クリックして、「検証(デベロッパーツール)」を選択します。

デベロッパーツールの左上にあるアイコンをクリックすると、選択モードになり、クリックした部分のコードを見ることができます。

上記画像の場合は、投稿者名や日時の表示部分が「author」というクラス名で指定されていることがわかりました。




クラス名を指定してCSSで非表示にする

CSSで非表示にする場合には、要素ごと消してしまう「display:none」を使用します。(見えなくするだけなら、「visibility:hidden」)

クラス名を指定して、「display:none」を設定することで、投稿者名や日時が非表示になるはずです。

さかぽん
ググって調べた方法ではうまくいかず、自分で考えて試してみたらうまくいったので、覚え書きです。

-WordPress

Copyright© Miyazaki Life , 2018 All Rights Reserved.