wordpress タグごとに記事一覧を表示させてみよう
» STARTOUT詳細はこちら

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳しくはこちら
ここでは「WEB制作×事業づくり実践学習サービス STARTOUT」の学習コンテンツの一部を公開しています。もし1,000以上あるすべてのコンテンツを学び尽くしたい場合、ぜひこちらからご登録ください!

タグごとに記事一覧を表示させてみよう

WordPress|2018年10月21日

2018年10月21日
  • このエントリーをはてなブックマークに追加

前回はWordPressでカテゴリー別の記事一覧を表示させました。
今度は「タグ」ごとに記事一覧ページを表示させます。

と言っても、カテゴリーの一覧とあまり変わりません。

まず、タグとは何かですが「単語」や「言葉」で記事をまとめる機能です。
基本はインスタグラムやTwitterのハッシュタグと同じです。
タグをつけることで、その言葉で記事をまとめることができます。

基本的にタグは記事ページでつけることができます。

上記画像の右下に、タグと書かれたボックスがあるかと思います。
ここに言葉や単語を入力することで、キーワードで記事をまとめることができます。

では、タグ別に記事を一覧表示するページはどこから確認できるのでしょうか。
ページの表示方法自体はカテゴリページとあまり変わりはありません。

左サイドバーから「投稿 > タグ」をクリックしてみてください。

すると、カテゴリーの管理画面と大差ないページが出てきました。
作ったタグの上にマウスをのせて、ロールオーバーしてみましょう。

すると「編集」「クイック編集」「削除」「表示」が現れました。
ここから「表示」を押すことによって、タグ別の記事一覧ページが表示されます。

タグページにも、指定のファイル名があります。

タグページの表示は「tag.php」と名付けたファイルが反映されます。
もしtag.phpが存在しない場合category.phpを使って表示されます。

タグリストを表示してみよう。

今度はタグ一覧ページに飛ばす「タグリスト」を表示させてみましょう。

カテゴリーページもそうでしたが、動線がなければ誰も見にきません。
今回の場合は「タグの一覧」を表示させる必要があります。

もちろんWordPressには、タグを一覧で表示させるコードも存在します。
それが、下記のタグになります。

<?php wp_tag_cloud(); ?>

上記タグを入れることにより、タグクラウドと呼ばれるタグのリストが表示されます。
また()内にパラメータを設定することで、出力の仕方を編集できます。

さらに詳しい使い方に関しては、下記のURLを参照ください。
http://ur2.link/MKex

また「それぞれの記事」につけられたタグを表示したい時があると思います。

下記はWEB界隈では有名な「WEBクリエイターボックス」さんのWEBサイトです。
記事一覧リストの中に、タグが表示されているのが、分かるでしょうか。

その場合は、下記のタグを使うことで、表示できます。

<?php the_tags(); ?>

こちらは、全体のタグクラウドではなく、記事ごとのタグリストを出力します。
また、()内にパラメータを設定することで、出力の仕方を編集できます。

さらに詳しい使い方に関しては、下記のURLを参照ください。
http://ur2.link/MKeN

基本的にはカテゴリーの表示方法と、大きな変化はありません。

タグを使いこなすことで、より希望の記事に到達しやすくなります。
ぜひ活用してみましょう。

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳細はこちら
  • このエントリーをはてなブックマークに追加

ウエヤマ ショウタ

BASE.91とWORKROOM@セブ立ちあげました。誰もが「独学」でプロになれる仕組みを作る。現役WEBデザイナーでエンジニア。起業好き。IT留学事業を売却後、シリコンバレーで起業を学び、起業家&クリエイター育成活動開始。経験をシェアしてます。独学で収益化したスキル : デザイン、プログラミング、起業、マーケ、英語

ウエヤマ ショウタ

BASE.91とWORKROOM@セブ立ちあげました。誰もが「独学」でプロになれる仕組みを作る。現役WEBデザイナーでエンジニア。起業好き。IT留学事業を売却後、シリコンバレーで起業を学び、起業家&クリエイター育成活動開始。経験をシェアしてます。独学で収益化したスキル : デザイン、プログラミング、起業、マーケ、英語

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳しくはこちら