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

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

20150117

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

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

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

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

get_the_category / wpcodex

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

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