スポンサーリンク
WordPress

WordPressで記事に属するタグ一覧を出力する方法いろいろ

この記事は約2分で読めます。
スポンサーリンク

どうも、サブロー(@saburo_design)です。

どうも、サブロー(@saburo_design)です。

記事が属するタグ一覧を出力する方法は数あります。リスト形式で出力したり、リンクはつけずに出力したり、タグとタグの間に『・』を入れて出力したり・・・。今回はそんなタグ一覧を出力するコードをご紹介します。

ちなみにサイト上の全てのタグを出力する『タグクラウド』を出力する方法はこちら。

WordPressでタグクラウドをカスタマイズしやすいよう出力する方法
ワードプレスのウィジェットには『タグクラウド』と言うものがあり、簡単にタグ一覧を表示できるのですが、きっちりレイアウトする方にとってはあの雑多な文字の集合体の感じが気に入らない方もいらっしゃいます(私です)。 今回はタグクラウドではなく、タ...

ワードプレスのテンプレートタグ

ワードプレスに用意されている一番手っ取り早くタグを出力できるテンプレートタグ。

<?php the_tags(); ?>

間の文字とかカスタマイズできる。ただしリンクなしにしたり、タグ一個一個をspanタグで囲んだりとかはできない。

<?php the_tags('【タグの一覧】', '~', '【ここまで】'); ?>

【タグの一覧】テスト1テスト2テスト3【ここまで】

リンクなしで出力

タグ一覧をリンクなしで出力できます。これはリスト形式で出力していますが、カスタマイズ可能です。リンクなし出力ではこれが一番使い勝手がいいと思います。

<ul class="tag">
<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo '<li>'. $tag->name . '</li>'; 
}
}
?>
</ul>
  • テスト1
  • テスト2
  • テスト3

リンクありで出力

今度は逆にリンクありで出力するコード。

<?php the_tags('<ul class="tag"><li>','</li><li>','</li></ul>');?>

まとめ

この3パターンさえ憶えておけばタグ出力に関してはほぼ問題ないと思います。

スポンサーリンク

美味しいものを食べに行ったり技術録を書いたり。最近ブログ用のデジカメを買って浮かれています。ツイッターとかインスタグラムもやってますのでフォローもお気軽にどうぞ。

サブローをフォローする
SABURO DESIGN
タイトルとURLをコピーしました