リンク無しのタグを表示する

記事投稿が属するタグを表示する場合、the_tagsはデフォルトでリンクが付く仕様のため、get_the_tagsを使用する必要があります。

シンプルなリンク無しタグの出力

single.phpやindex.php、archive.php等
<?php
$posttags = get_the_tags();
foreach ( $posttags as $tag ) {
	echo $tag->name.' ';
}
?>
HTMLでの表示結果
タグ1 タグ2 タグ3

 

リスト表示にする

single.phpやindex.php、archive.php等
<?php
$posttags = get_the_tags();
	if ( $posttags ) {
		echo '<ul>';
		foreach ( $posttags as $tag ) {
			echo '<li>'.$tag->name.'</li>';
		}
		echo '</ul>';
	}
?>

 

HTMLでの表示結果
<ul>
	<li>タグ1</li>
	<li>タグ2</li>
	<li>タグ3</li>
</ul>

 

リスト表示にしてさらにタグのスラッグをクラス名に指定する(CSSでタグを色分けするのに便利!)

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.