![](https://natariko.com/wp-content/uploads/2019/09/Fig1-1024x505.jpg)
こんばんは。natarikoです。
前回は、どんなテーマでも投稿者名を非表示にする方法(WordPress)についてご紹介しました。
さて今回は、下図の中にある投稿者マーク(人型のアイコン)を非表示にする方法をご紹介したいと思います。
![](https://natariko.com/wp-content/uploads/2019/09/Fig1-1-1024x594.jpg)
スポンサーリンク
- 1.Google ChromeでWordPressを開き、アイコンを右クリックして「検証」を押下する
- 2.青い背景部分を確認する
- 3.「追加CSS」で「アイコンを表示させない命令文」を追加する
目次
1.Google ChromeでWordPressを開き、アイコンを右クリックして「検証」を押下する
こちらについては、前の投稿の1.~2.を参照してください。
2.青い背景部分を確認する
下記の画像を見てみてください。
<i class=”fa fa-user” aria-hidden=… となっていますね。
この「i」と「fa-user」に注目します。
![](https://natariko.com/wp-content/uploads/2019/09/Fig2-2-1024x521.jpg)
見にくいので拡大↓
![](https://natariko.com/wp-content/uploads/2020/04/図2拡大2-1024x555.png)
![](https://natariko.com/wp-content/uploads/2020/04/図2-1024x373.png)
3.「追加CSS」で「アイコンを表示させない命令文」を追加する
2.で得た情報をもとに、命令文を追加CSSに入力します。
追加CSSの使い方については、前の投稿の4.を参照してください。
この場合、命令文は以下のようになります:
header.entry-header i.fa-user{
display: none;
}
太字部分は、お使いのテーマによって変わるかと思います。
2.で確認した文字を入力してください。
![](https://natariko.com/wp-content/uploads/2019/09/Fig3-1-1024x538.jpg)
「どれかわからない・・・」という方は、適当に前後の文字を入力してみて公開してみて、ダメなら別の文字を試す、といった具合にトライ&エラーを繰り返してみてください 笑
下図のように、アイコンが消えていれば成功です!
![](https://natariko.com/wp-content/uploads/2019/09/Fig4-1024x643.jpg)
いかがでしたか?
徐々に自分好みのサイトにしていきましょう!
スポンサーリンク