よもやまチョモランマ

カテゴリーごとにCSSしたいときはスラッグを取得

まあ、今回は甘陸日記で、見出し背景にイラスト入れたかっただけなんだけどさ。

WordPressでサイト作っていると、「このカテゴリーの記事のときはこうしたい~」なんてのは、めっちゃあるあるなわけです。

基本はこんなふうにCSSをかけたい要素にIDやclassをつけるじゃん。

<h2 class="kanriku">

そこに「スラッグを取得するコード」をあてがうと

<h2 class="<?php $cat = get_the_category(); $cat = $cat[0]; {echo "$cat->category_nicename";} ?>">

表示されるページ上では、ちゃんと<h2 class=”kanriku”>と出てくる。

これが、子カテゴリーになると、挿入するコードは

<?php $cats = get_the_category(); foreach($cats as $cat): if($cat->parent) echo $cat->slug; endforeach; ?>

です。

参考になったのはコチラ
親カテゴリのスラッグと子カテゴリのスラッグを取得する。

IDは引越ししたりすると番号かわっちゃうから、なるべくスラッグを活用したいですよね~