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件表示させます。
あとがき
自分で好きな場所にタグの一覧を表示して、さらに見た目を調整したい時は、上述した方法でテーマをカスタマイズしちゃいましょう。
コピペでそのまま実装できますので、ぜひご活用ください。
初めまして。コメント失礼します。
ソースコードをサイドバーウィジェットに貼り付けてみたのですが、
一部のコードがテキスト化され、羅列される形になります。
何が原因が考えられますでしょうか、そもそもコード自体あってますでしょうか
ご確認をお願いします
コメントありがとうございます。ウィジェットではPHPは実行できませんので、ウィジェットに上記コードを設置する場合はPHP Code Widget等のプラグインを使って、PHPの実行を許可する必要がございます。
表示件数を消すには10行目は
echo ‘term_id) .'”>’. $value->name .’ (‘. $value->count .’)‘;
(‘. $tag->count . “)を削除ではなく、以下だと思います。PHPのバージョン次第かもですけど。
echo ‘term_id) .'”>’ . $tag->name . ‘‘.””;
ソースは投稿出来ないんでしたね。すみません。