![Kura](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2021/12/1CDD14FE-9EC2-4D62-8D0A-CB5B08649423-scaled.jpeg?w=1661&ssl=1)
Kura
WordPress初心者のわたしが悩みながら調べながらカスタマイズしてきた「COCOON備忘録」です。同じく悩んでいる人にお役に立てれば幸いです。
この記事では
トップページで表示される
アイキャッチ画像のカテゴリー表示を消す方法
を説明しています。
![アイキャッチ画像にカテゴリーが表示してある画像](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2022/03/335F0C20-F084-41CF-9805-1D7D28482357.jpeg?resize=1024%2C461&ssl=1)
![NAMI](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2021/12/D0685ADF-5D96-45C0-9A80-AA57CDC0DC00-scaled.jpeg?w=1661&ssl=1)
NAMI
なるほど、カテゴリー表示で隠れてしまうんですね…
![Kura](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2021/12/1CDD14FE-9EC2-4D62-8D0A-CB5B08649423-scaled.jpeg?w=1661&ssl=1)
Kura
では、
❶ CSSで追記して、
❷ コードをコピペして
消していきますね。
CSSコードを追記するところ
❶ ダッシュボード → 外観 → カスタマイズ
![CSS追記場所の説明画像](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2022/03/D30D5A6B-FF0C-45F0-B175-B2B76EE46CFE.jpeg?resize=726%2C495&ssl=1)
❷ 追加CSS
![Css追記場所の説明画像](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2022/03/7B3978CE-36D4-47DB-9BED-8449A45A8447.jpeg?resize=594%2C986&ssl=1)
❸ CSSコードを入力し「公開」にて反映させる。
![CSSコードをコピペする場所の説明画像](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2022/03/B8938763-06C5-4172-95D8-D40F79DA28CE.jpeg?resize=597%2C930&ssl=1)
アイキャッチ画像のカテゴリーを消せるCSSコード
.cat-label {
display: none;
}
コピペしてつかってくださいね。
![カテゴリー表示が消えたアイキャッチ画像](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2022/03/E1CB61E7-087D-4371-93BE-DBE62F601542.jpeg?resize=1024%2C452&ssl=1)
![Kura](https://i0.wp.com/umi-tuki.com/wp-content/uploads/2021/12/1CDD14FE-9EC2-4D62-8D0A-CB5B08649423-scaled.jpeg?w=1661&ssl=1)
Kura
完成です。
まとめ
トップメニューで表示されるアイキャッチ画像のカテゴリーを消す方法でした。
「こんなイメージのブログにしたい」とデザインが浮かんでも、
WordPress初心者でしたので、再現するために
悩みながら調べながらここまで亀歩みでカスタマイズしてきました。
これからもそれは続いていくと思います。
そんな自分のために備忘録をかねて書いた記事でした。
コメント