投稿者マークを非表示にする方法(WordPress)

こんばんは。natarikoです。

前回は、どんなテーマでも投稿者名を非表示にする方法(WordPress)についてご紹介しました。

さて今回は、下図の中にある投稿者マーク(人型のアイコン)を非表示にする方法をご紹介したいと思います。

スポンサーリンク



    目次
  • 1.Google ChromeでWordPressを開き、アイコンを右クリックして「検証」を押下する
  • 2.青い背景部分を確認する
  • 3.「追加CSS」で「アイコンを表示させない命令文」を追加する

    

1.Google ChromeでWordPressを開き、アイコンを右クリックして「検証」を押下する

こちらについては、前の投稿の1.~2.を参照してください。

2.青い背景部分を確認する

下記の画像を見てみてください。

<i class=”fa fa-user” aria-hidden=… となっていますね。

この「i」と「fa-user」に注目します。

見にくいので拡大↓

   

3.「追加CSS」で「アイコンを表示させない命令文」を追加する

2.で得た情報をもとに、命令文を追加CSSに入力します。

追加CSSの使い方については、前の投稿の4.を参照してください。

この場合、命令文は以下のようになります:

header.entry-header i.fa-user{
display: none;
}

太字部分は、お使いのテーマによって変わるかと思います。

2.で確認した文字を入力してください。

「どれかわからない・・・」という方は、適当に前後の文字を入力してみて公開してみて、ダメなら別の文字を試す、といった具合にトライ&エラーを繰り返してみてください 笑

下図のように、アイコンが消えていれば成功です!

いかがでしたか?

徐々に自分好みのサイトにしていきましょう!

   

スポンサーリンク