カテゴリーごとに背景色を変える方法

tackn
(@tackn)

9年、 11ヶ月前

カテゴリーごとに、単一投稿記事の背景色を変更したいです。

カテゴリーのスラッグを使用する前提で、cat_a、cat_bを指定、
cssにて、bodyに下記を追記。

body{
.cat_a{background:#ff0000;}
.cat_b{background:#0000ff;}

さらに、ヘッダーにてカテゴリーの読み分けをさせるため、
</head>下部に下記を追記。

<?php
if( is_single() ){
$cat = get_the_category(); $cat = $cat[0];
$class = “category-” . $cat->category_nicename;
}
?>
<body <?php body_class( $class ); ?>>

以上ですが、背景色が変わりません。
ヘッダーを使用せず、cssのみで変更する方法などあるとシンプルなのですが
ご存知の方、アドバイスよろしくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)

천궁 메텔
(@digitmaetel)

9年、 11ヶ月前

サンプル的に作ったものですが、スタイルシートだけでフロントページで色分けを指定しています。

単純にカテゴリーごとにスタイルシートを振っただけです。

トピック投稿者 tackn
(@tackn)

9年、 11ヶ月前

返答ありがとうございます。

こちらチョ～初心者ですので、サンプル的に作られたものを用いて
カテゴリーごとの背景色を変えるコマンドを教えてくださ～い。
すんませ～ん。-)(*_ _)
천궁 메텔
(@digitmaetel)

9年、 11ヶ月前
スタイルシートを覗いてもらえば、tackn さんのスタイルシートと同様です。
```
.category-blog {
background-color:#d9d9d9;
}
.category-male {
background-color: #87ceeb;
}
.category-female {
background-color: #ffe4e1;
}
```
男性歌手、女性歌手、それ以外と分類しているだけです。
トピック投稿者 tackn
(@tackn)

9年、 11ヶ月前

ありがとうございます～

ただ、こちらのテンプレに問題があるのか、同じようにやっても変更できないっす。。。
何が問題なのか・・・

トピック投稿者 tackn
(@tackn)

9年、 11ヶ月前

途中結果報告です。
とりあえず、下記の方法で背景色を変える事は出来たのですが、
やはりcssのみで変更できる方が、今後の修正も楽ちんかと思っています。

一応、成功したコードをのっけておきます。

1．style.cssを変更したい背景色分、色コードを別にして作成。
2．header.phpにて下記コードで振り分け。
　（記載する場所は<head>内でした。完全に理解できてませんでした。）

<?php if(in_category( array( cat_a,cat_b ) ) ): ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style_blue.css” />
<?php elseif(in_category( array( cat_c,cat_d ) )): ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style_pink.css” />
<?php endif; ?> <link rel=”stylesheet” href=”<?php bloginfo( ‘template_url’ ); ?>/style_sub.css”>

以上で、何とか色変更出来ましたので、報告いたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「カテゴリーごとに背景色を変える方法」には新たに返信することはできません。

トピックタグ

表示