WordPress|Cocoon アイキャッチ画像のカテゴリーラベルを非表示にする方法

スポンサーリンク

WordPress のテーマ Cocoon を利用している場合、初期設定ではトップページを含むアーカイブページ・投稿ページにおいてアイキャッチ画像にカテゴリー名のラベルが表示されています。

アイキャッチ画像のデザインにより、このカテゴリーラベルを非表示にしたいという場合もあるかと思います。

このアイキャッチ画像のカテゴリーラベルは Cocoon の設定画面と CSS にコードを追加することで非表示にすることが可能です。

投稿ページのアイキャッチ画像に表示されるカテゴリーラベルを非表示にする

Cocoon のアイキャッチ画像を非表示にするには、WordPressの管理画面を開き、WordPressメニュー > Cocoon 設定の順に進み、Cocoon 設定のタブ一覧から画像タブを開きます。

画像タブを開きアイキャッチの表示箇所を探すと「アイキャッチラベルを表示する」のチェックマークが付いている状態であると思いますので、このアイキャッチラベルを表示するのチェックマークを外して変更を保存します。

WordPress Cocoon アイキャッチ画像 非表示

「アイキャッチラベルを表示する」のチェックを外し保存が完了すると、投稿ページのアイキャッチ画像のカテゴリーラベルは非表示となります。

しかし、この Cocoon 設定だけではトップページを含むアーカイブページのアイキャッチ画像のカテゴリーラベルを非表示とすることができません。

アーカイブページのアイキャッチ画像に表示されるカテゴリーラベルを非表示にする

トップページを含むアーカイブページのアイキャッチ画像のカテゴリーラベルを非表示にするには、CSSで対応することが可能です。

現在有効にしている Cocoon テーマ(cocoon-child-master)の style.css に以下のソースコードを追加します。

.cat-label {display:none}

または、WordPress メニュー > 外観 > 追加CSS のように 追加CSS の編集が可能な場合は、追加CSSに追加する方法でも構いません。

以上ですが、WordPress のテーマ Cocoon のアイキャッチ画像のカテゴリーラベルを非表示にする方法でした。

コメント

タイトルとURLをコピーしました