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

  • tackn

    (@tackn)


    10年、 5ヶ月前

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

    カテゴリーのスラッグを使用する前提で、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)

    10年、 5ヶ月前

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

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

    トピック投稿者 tackn

    (@tackn)

    10年、 5ヶ月前

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

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

    천궁 메텔

    (@digitmaetel)

    10年、 5ヶ月前

    スタイルシートを覗いてもらえば、tackn さんのスタイルシートと同様です。

    .category-blog {
background-color:#d9d9d9;
}
.category-male {
background-color: #87ceeb;
}
.category-female {
background-color: #ffe4e1;
}

    男性歌手、女性歌手、それ以外と分類しているだけです。

    トピック投稿者 tackn

    (@tackn)

    10年、 5ヶ月前

    ありがとうございます～

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

    トピック投稿者 tackn

    (@tackn)

    10年、 5ヶ月前

    途中結果報告です。
    とりあえず、下記の方法で背景色を変える事は出来たのですが、
    やはり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件中)
  • トピック「カテゴリーごとに背景色を変える方法」には新たに返信することはできません。