Blog

HOME > Web > Wordpress > カスタム投稿 > 【WordPress】カスタム投稿のタクソノミーターム名（カテゴリ）を表示する

【WordPress】カスタム投稿のタクソノミーターム名（カテゴリ）を表示する

2015/08/08

カスタム投稿 Wordpress

投稿一覧にタクソノミーターム名を表示し、
さらに色を付けたいと思いカスタムをしました。

参考サイト
投稿されたタクソノミーターム名を表示する
カスタムタクソノミーのタームのスラッグを取得する
WordPressで新着記事を「カテゴリー名表示＋色分け」で表示したい

まず、下記のタグをテンプレートに書き込み

<?php $terms = get_the_terms($post->ID, 'taxonomy'); foreach ($terms as $term) : ?>
<?php echo $term->name; ?>
<?php endforeach; ?>

taxonomyを任意のカテゴリースラッグに変更します。

サイトで表示されているのを確認後、さらに下記のようにしました。

<?php $terms = get_the_terms($post->ID, 'taxonomy'); foreach ($terms as $term) : ?>
<p class="****">     
<span class="<?php echo $term->slug; ?>"><?php echo $term->name; ?></span>
</p>
<?php endforeach; ?>

CSS

span.term-a {
	background: #00ffff;
}

span.term-b {
	background: #ff0000;
}

span.term-c {
	background: #00ff00;
}

これでタクソノミーターム名の表示と色分けができました。

リンク付きの場合

<?php $terms = wp_get_object_terms($post->ID, 'taxonomy'); ?>
 <?php foreach($terms as $term): ?>
<?php $term_link = get_term_link( $term ); ?>
<?php echo '<span><a href="' . esc_url( $term_link ) . '">' . $term->name . '</a></span>'; ?>
<?php endforeach; ?>


ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ