[Takeru]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】v7.12.0
【お使いのブラウザ】Crome,safari
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

カテゴリー別にデザインを変えたいんですが、下記のようなカスタマイズは可能でしょうか？

[WordPress]BODYタグのクラスにカテゴリー情報を含めて個別スタイルを設定できるようにするカスタマイズ方法

WordPressのボディータグのclassに「カテゴリID」や「カテゴリスラッグ」を含めるカスタマイズ方法の紹介です。

nelog.jp

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

body_class() にカテゴリー判別用のクラスを追加したいということでしょうか？

それなら、現時点でも category-<slug>、category-<ID> のクラスが出力されているはずなのでそれで対応できませんか？

♥ 0

いいねをした人: 居ません

[Takeru]

知識不足ですみません。

例えばカテゴリーA（スラッグ→a）の場合に記事タイトルを非表示にしたい場合は、

.c-entry__title

にどのようなCSSを書けばよろしいですか？

CSSに書くだけではない話のような気もしますが…初歩的な質問ですみません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

.category-a .c-entry__title {
  display: none;
}

ですかね？

♥ 0

いいねをした人: 居ません

[Takeru]

できました、ありがとうございます！

特定のカテゴリー以外へのCSS適用は、以下の書き方で反映されません（全部非表示になります）がどこが間違っていますかね…

.c-entry__title:not(.category-a) {
display: none;
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

その場合だと「.category-a ではない要素の中の .c-entry__title」ではなくて、「.category-a を持たない .c-entry__title」になります。

:not() を使いこなすのは結構難しいので、僕ならこうしますかね。一旦全部消して、特定の条件のときだけさらに上書きさせてます。

.category .c-entry__title {
  display: none;
}

.category-a .c-entry__title {
  display: block;
}

♥ 0

いいねをした人: 居ません

[Takeru]

具体的にありがとうございます！非常に助かりました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

閉じます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿