【Wordress】カテゴリースラッグを任意の箇所にクラス名として追加する記述方法

2014 August 08

カテゴリーのスラッグをクラス名として付与すれば、更新情報一覧ページで該当するカテゴリーに応じてアイコンなどを使い分けたり、カテゴリーごとにデザインを変更したりできたりするのでとても便利です。

テンプレートファイル内の任意の箇所に下記を追記します。

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

今回は span タグを使いましたが、デザインに応じて変更してください。
また、3行目には実際表示される内容が入ります。今回は投稿タイトルを入れてみました。

上記のソースコードは、以下のように出力されます。

<span class="カテゴリースラッグ">投稿のタイトル</span>

Kawatama.net