Webデザイナーとして活動しているサブローのブログです。
2016 7 29

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

この記事は2分ほどで読めます
この記事をSNSでシェアする方はこちら

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

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

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

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

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

<?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パターンさえ憶えておけばタグ出力に関してはほぼ問題ないと思います。

この記事をSNSでシェアする方はこちら

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Profile

Web・グラフィックデザイナー
Webデザイナーやってます。WordPressの技術録やプラグインの紹介、ブログを運営して分かったことからプライベートな事まで、興味ある事・気になる事を色々書いて行こうと思います。ツイッターとかインスタグラムもやってますのでよければフォローしてください。
PAGETOP
Copyright © SABURO DESIGN All Rights Reserved.