カテゴリー別にCSSを効かせる方法

Posted on by Eternal-tears
Sponsored Link

カテゴリースラッグ名を出力したい…で書いていたカスタマイズ方法が、これでできると思います。

idやclassに振り分けても良いですが、 head間のスタイルシート毎でも可能になります。
条件タグで分岐するよりも手軽なカスタマイズだと思います。
問題点は、記事に複数のカテゴリーが割り当てられていると、 WordPressの方で優先して登録されたカテゴリーになってしまうことです。

WordPressのカスタマイズのノウハウが溜まってきたので、メモとして残しておこうと思います。
カテゴリー別にCSSを効かせる事前作業として、カテゴリースラッグ名を英文字で付けておく必要があります。

Sponsored Link

その英文字でつけたカテゴリースラッグ名をファイル名にすればOKです。
head間に以下のタグを記入します。

<?php
  $cat = get_the_category();
  $catslug2 = $cat&#91;0&#93;->category_nicename;
?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/< ?php echo $catslug2; ?>.css" type="text/css" media="screen" />
</link>
Sponsored Link