【wordpress】カテゴリーのスラッグをクラス名にする

お知らせ一覧を表示するときに「日付」、「カテゴリー」、「タイトル」なんかで表示するんですが、カテゴリーを色分けすることによりさらに解りやすく表現したりしなかったり。

<?php $cat = get_the_category(); $cat = $cat[0]; {
  echo '<p class="' . $cat->category_nicename . '" />'; 
 } ?>
<?php the_category(','); ?></p> 

上記をカテゴリー名を表示したいところに付けます。

wp001
こんな感じで表示されます。

ソースはこんな感じ。

<li class="clearfix">
 <div class="index-info">
   <p class="date">2016.11.02</p> 
   <p class="school" /><a href="" rel="category tag">スクール情報</a></p> 
   <h4 class="title"><a href="">カテゴリー色分けテスト</a></h4>
  </div>
</li>
<li class="clearfix">
  <div class="index-info">
   <p class="date">2016.11.02</p>
   <p class="info" /><a href="" rel="category tag">お知らせ</a></p>
   <h4 class="title"><a href="">テスト投稿</a></h4>
  </div>
</li>

便利です。