WordPress｜Cocoon アイキャッチ画像のカテゴリーラベルを非表示にする方法
WordPress のテーマ Cocoon を利用している場合、初期設定ではトップページを含むアーカイブページ・投稿ページにおいてアイキャッチ画像にカテゴリー名のラベルが表示されています。
アイキャッチ画像のデザインにより、このカテゴリーラベルを非表示にしたいという場合もあるかと思います。
このアイキャッチ画像のカテゴリーラベルは Cocoon の設定画面と CSS にコードを追加することで非表示にすることが可能です。
投稿ページのアイキャッチ画像に表示されるカテゴリーラベルを非表示にする
Cocoon のアイキャッチ画像を非表示にするには、WordPressの管理画面を開き、WordPressメニュー > Cocoon 設定の順に進み、Cocoon 設定のタブ一覧から画像タブを開きます。
画像タブを開きアイキャッチの表示箇所を探すと「アイキャッチラベルを表示する」のチェックマークが付いている状態であると思いますので、このアイキャッチラベルを表示するのチェックマークを外して変更を保存します。
「アイキャッチラベルを表示する」のチェックを外し保存が完了すると、投稿ページのアイキャッチ画像のカテゴリーラベルは非表示となります。
しかし、この Cocoon 設定だけではトップページを含むアーカイブページのアイキャッチ画像のカテゴリーラベルを非表示とすることができません。
アーカイブページのアイキャッチ画像に表示されるカテゴリーラベルを非表示にする
トップページを含むアーカイブページのアイキャッチ画像のカテゴリーラベルを非表示にするには、CSSで対応することが可能です。
現在有効にしている Cocoon テーマ（cocoon-child-master）の style.css に以下のソースコードを追加します。
.cat-label {display:none}または、WordPress メニュー > 外観 > 追加CSS のように 追加CSS の編集が可能な場合は、追加CSSに追加する方法でも構いません。
以上ですが、WordPress のテーマ Cocoon のアイキャッチ画像のカテゴリーラベルを非表示にする方法でした。
