KUSU'S SITE
2016年10月15日

【WordPress】タグ一覧を表示させる方法とは

  

 WordPressの投稿で設定できる“タグ”。
このタグは投稿の種類をさらに細かく設定できるので、サイトの閲覧者が求めている情報をいち早く入手できやすくする方法の1つでもあります。

このタグですが、設定したものを表示するテンプレートタグがあるので、今回ご紹介したいと思います!

デフォルトのテンプレートタグ

 まずデフォルトでタグ一覧を表示させるテンプレートタグは以下になります。

<?php the_tags(); ?>

このテンプレートタグを記述することで、

上のようにタグ一覧を表示させることが可能になります!

リストでタグ一覧を表示させる

 続いて、リストでタグ一覧を表示させるには下記のテンプレートタグを記述することで可能になります。

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

このように記述することで、

このようにリストでタグ一覧を表示させることができます。

あとはCSSでご自身の好きなようにレイアウトを設定するとより見やすいものになるかと思います(^^)

リンクなしでタグ一覧をリスト表示する

 最後に、リンクなしでタグ一覧をリスト表示させる方法になります。
それには下記のコードを記述することで可能になります。

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

このように記述することで、

・タグ1
・タグ2
・タグ3

といったようにリンクなしでタグ一覧をリスト表示させることが可能になります!

まとめ

 タグ一覧を表示させるといっても、今回紹介したようにいくつも種類があるので、ご自身の目的に合った表示方法を実装してみましょう!

スポンサーリンク
スポンサーリンク

コメントを残す




スポンサーリンク

ホームページ制作について

ホームページの制作依頼希望の方
はまず↓をクリック!
ホームページの制作依頼希望の方はまず↓をタップ!
サービスの詳細

WordPress講習会について

WordPress講習会について
気になる方ははまず↓をクリック!
WordPress講習会について気になる方はまず↓をタップ!
サービスの詳細

TWITTER

ページトップに戻る