タグのスラッグをクラス名に指定する

タグのクラス名にスラッグを付与してCSSで色分け等をするためのソースです。 【get_the_tags】を使用します。

リンク有りのリスト

URL(タグアーカイブページへのリンク)を取得するにはget_tag_linkと組み合わせて記述します。

single.phpやindex.php、archive.php等
<?php
$posttags = get_the_tags();
	if ( $posttags ) {
		echo '<ul>';
		foreach ( $posttags as $tag ) {
			echo '<li class="'.$tag->slug.'"><a href="'.get_tag_link($tag->term_id).'">'.$tag->name.'</a></li>';
		}
		echo '</ul>';
	}
?>
HTML出力
<ul>
	<li class="tag1"><a href="http://example.com/tag/tag1/">タグ1</a></li>
	<li class="tag2"><a href="http://example.com/tag/tag2/">タグ2</a></li>
	<li class="tag3"><a href="http://example.com/tag/tag3/">タグ3</a></li>
</ul>

リンク無しのリスト

single.phpやindex.php、archive.php等
<?php
$posttags = get_the_tags();
	if ( $posttags ) {
		echo '<ul>';
		foreach ( $posttags as $tag ) {
			echo '<li class="'.$tag->slug.'">'.$tag->name.'</li>';
		}
		echo '</ul>';
	}
?>
HTML出力
<ul>
	<li class="tag1">タグ1</li>
	<li class="tag2">タグ2</li>
	<li class="tag3">タグ3</li>
</ul>

スラッグやタグ名以外に下記が取得できます。

【get_the_tags】のオブジェクトメンバー

term_id ID
name タグ名
slug スラッグ
description 説明
count 同じタグが付いている投稿の数
ネットショップ向けWooCommerce対応WordPressテーマ「Japacart(ジャパカート)」

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

ネットショップ向けWooCommerce対応WordPressテーマ「Japacart(ジャパカート)」
Copyright © WPスイッチ All Rights Reserved.