WordPressに登録されているタグの一覧をリスト表示させる方法

WordPressに登録されているタグの一覧をリスト表示させる方法

WordPressに登録されているタグの一覧をリスト表示させる方法

WordPressには、タグのリンク一覧を表示できる”タグクラウド”というウィジェットが、デフォルトで用意されています。今回は、テーマ内にコードを記述することで、タグクラウドを使わずにタグの一覧を表示させる方法を紹介したいと思います。

すべてのタグを一覧表示させる方法表示数を指定する方法の2パターンご紹介いたします。

スポンサードリンク

タグの一覧をリスト表示させる方法

単純にすべてのタグ一覧をリスト表示させたい場合は、表示したい箇所に以下のコードを記述します。

<ul>
<?php
  $posttags = get_tags();
  if ($posttags) {
    foreach($posttags as $tag) {
      echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a> ('. $tag->count .')</li>';
    }
  }
?>
</ul>

以下のように、記事数付きでタグの一覧がリスト表示されます。

タグ一覧

記事数を表示したくない場合は、以下のようにします。

<ul>
<?php
  $posttags = get_tags();
  if ($posttags) {
    foreach($posttags as $tag) {
      echo '<li><a href="'. get_tag_link($tag->term_id) .'">' . $tag->name . '</a></li>';
    }
  }
?>
</ul>

見た目については、CSSで調整しましょう。

タグの表示数を指定してリスト表示する方法

タグの表示数を指定したい場合は、get_terms関数を活用します。

<ul>
<?php
$args = array(
  'orderby' => 'count',
  'order' => 'desc',
  'number' => 10
);
$tags = get_terms('post_tag', $args);
foreach($tags as $value) {
  echo '<li><a href="'. get_tag_link($value->term_id) .'">'. $value->name .' ('. $value->count .')</a></li>';
}
?>
</ul>

「number」の値が表示する件数で、上記では記事数の多いタグを上から順に10件表示させます。

あとがき

自分で好きな場所にタグの一覧を表示して、さらに見た目を調整したい時は、上述した方法でテーマをカスタマイズしちゃいましょう。

コピペでそのまま実装できますので、ぜひご活用ください。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

4 thoughts on “WordPressに登録されているタグの一覧をリスト表示させる方法

  1. t.g

    初めまして。コメント失礼します。
    ソースコードをサイドバーウィジェットに貼り付けてみたのですが、
    一部のコードがテキスト化され、羅列される形になります。
    何が原因が考えられますでしょうか、そもそもコード自体あってますでしょうか

    ご確認をお願いします

    1. himecas Post author

      コメントありがとうございます。ウィジェットではPHPは実行できませんので、ウィジェットに上記コードを設置する場合はPHP Code Widget等のプラグインを使って、PHPの実行を許可する必要がございます。

コメントを残す

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