うさぎのイラスト

ネットアンサー55備忘録

ワードプレス技術を色々とお試しするサイトです。

カテゴリータグの抽出

-2015年07月18日-
投稿のカテゴリーの呼び出しは以下です。
			<?php
			$postcategories =get_the_category();
			if ($postcategories) {
				 foreach($postcategories as $tag) {
					  echo '<span class="' . $tag->slug . '">' . $tag->name . '</span>';
				}
			} 	
			?>
カスタム投稿のカテゴリーの呼び出しは以下です。
	
			<?php
			$cat=(get_post_type_object(get_post_type())->name).'_cat'; 
			if ($terms = get_the_terms($post->ID, $cat)) {
				foreach ( $terms as $term ) {
				echo '<span class="' . $term->slug . '">' . $term->name . '</span>';
				}
			}
			?>
抽出されたカテゴリータグにはclassが付与されます。
cssで色をつけましょう。下記に例を示します。
/*wordpressのカテゴリー*/
.category_box_box .custom_post,
.category_box_box .tm,
.category_box_box .theme,
.category_box_box .function,
.category_box_box .plugin,
.category_box_box .setting{
		background-color:#3B7689;
}

/*illustratorのカテゴリー*/
.category_box_box .conv,
.category_box_box .object,
.category_box_box .chara,
.category_box_box .materi{
		background-color:#C95C47;
}