Cocoon「カテゴリーラベルを消す方法」

こんにちは、シャトーブリアンです。

WordPressに慣れてくると、いろいろやってみたくなるカスタマイズ。

WordPressテーマ「Cocoon」のちょっとしたカスタマイズをしてみたというメモ。

エントリーカードと関連記事一覧のカテゴリーラベルはCSSにコードを追加することで非表示にできる。

エントリーカードとはトップページの記事一覧で並んでいるカードのこと。

カテゴリーラベルがあるとそれぞれのカテゴリーがすぐにわかって良いんだけど、なんだか邪魔な気がするので消してしまおう。

これを非表示に！

完成イメージ

1、外観の「テーマエディター」を押す

2、コードを追加

/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}

「エントリーカードのカテゴリーラベルを表示させないよ！」というコード。

「entry-card」　エントリーカード
「cat-label」　カテゴリーラベル
「display: none」　非表示

3、「ファイルを更新」を押す

これで作業終了！

トップページで確認してみよう！ラベルが消えているはず♪

このブログでは記事の下に関連記事を表示していて、同一カテゴリーの記事が出てくるように設定している。

すると、アイキャッチ画像の上に同じカテゴリーのラベルがずらりと並んでいる・・

ちょっとくどく見えるので、これも消そーっと！

/* カテゴリーラベル非表示 */
.related-entry-card .cat-label{
display: none;
}

「related-entry-card」　関連記事
「cat-label」　カテゴリーラベル
「display: none」　非表示

おぉ、すっきり！

まとめて消す場合のコード

/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
display: none;
}

以上、カテゴリーラベルの消し方でした。

非表示になってすっきり♪

できた！

カスタマイズいろいろ