現役エンジニア・デザイナーの備忘録ブログ

2023.6.7
Wordpress

【wordpress】カスタム投稿タイプのタームのスラッグを動的に取得してクラス名として付与する

カスタム投稿タイプで、カテゴリごとに装飾を変えたい場合、各カテゴリにクラス名が付与されると便利ですよね。そんな時に活用できる実装方法をご紹介します。

  • やりたいこと
  • ・カスタム投稿タイプのタームのスラッグ名を動的に取得

 

コードはこちら。カテゴリを表示させたいところに記述しましょう。投稿に含まれるカテゴリが全て取得できます。

3行目の「post_cat」の部分は任意のタクソノミー名を入れてください。

<ul>
<?php
if ($terms = get_the_terms($post->ID, 'post_cat')) {
foreach ( $terms as $term ) {
echo '<li class="'.esc_html($term->slug).'">' .esc_html($term->name). '</li>';
}
}
?>
</ul>

登録してあるスラッグ名がクラス名として付与されています

【wordpress】カスタム投稿タイプのタームのスラッグを動的に取得してクラス名として付与する

【wordpress】カスタム投稿タイプのタームのスラッグを動的に取得してクラス名として付与する

 

通常の投稿についてはこちらを参照してみてください

【wordpress】記事ごとにカテゴリーを表示してそれぞれにcssを付与する

関連記事