get_the_categoryでカテゴリー名とスラッグを取得して個別に色を変える方法

お知らせ一覧でよく見かける、カテゴリー毎に色を変える（カテゴリーラベルの色っていうのかな？）のをやってみました。

やりたいのはこんなの。カテゴリー毎に四角で囲まれて色が変わるやつですね。

カテゴリー情報を取得するにはget_the_categoryを使用

ループの中でカテゴリー情報を取得するには「get_the_category」のテンプレートタグを使います。

「get_the_category」ではカテゴリー名やらカテゴリーのスラッグ、カテゴリーの説明などなど色んな戻り値が取れます。

get_the_category / wpcodex

一応僕の環境では出来たので問題無いと思うのですが（笑）自己責任でお試しくだされ。以下のコードをループ内の好きなとこに書けばOK。

slug.'">'.$category->cat_name.'
' ;}
      };?>

これで投稿の所属カテゴリがPタグに囲まれて出てくると思うので、cssにスラッグ名でクラスを作れば出来ました。まぁPの中にspanで作ってもulで作っても（正しくはulのがいいんかな？）お好みでどうぞ。