Blog

【WordPress】カテゴリースラッグをクラス名として追加する方法

2013.10.24 2017.03.01WordPress

カテゴリースラッグを取得し、クラス名として要素に追加する方法です。一覧表示した記事をカテゴリーごとに色分けしたりするときに便利です。

カテゴリースラッグをクラス名として追加する方法

<div class="post_cat">
  <?php $cat = get_the_category(); $cat = $cat[0]; { echo '<span class="' . $cat->category_nicename . '" />';  } ?>
  <?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>
  </span></div>

上記コードはページ上では以下のようになります。

<div class="post_cat"><span class="カテゴリースラッグ" />カテゴリー名</span></div>

カテゴリー名にカテゴリーページへのリンクを設置したい場合は、

<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>

の部分を

<?php the_category(','); ?>

に変更してください。

Author: 柴田竹思

ベトナムと日本のに拠点生活Webディベロッパー。国内外のSOHO/フリーランスの方のウェブサイト制作から企業の大規模案件まで幅広く携わっています。