特定カテゴリの表示や表示件数を制御するquery_postsの使い方

前回はカテゴリのスラッグ名を取得してclassに割り当てて投稿時のカテゴリ毎に異なったアイコンを表示させる形を作成しました。投稿する種類によって色違いのアイコンをつけたりすることで視認性をあげる役割ができ、簡単な記述で便利に使うことができます。

今回は特定のカテゴリの中の記事のみを表示させたり、表示させる件数を制御するための「query_posts」についての使い方をまとめてみたいと思います。こちらもビジネスサイトではページ内容によって決められたカテゴリの記事のみを表示させたいという場合が多くありますので、簡単な記述で特定のカテゴリの記事を表示できるとても便利な記述となります。

解説：（有）ムーニーワークス　ハヤシユタカ

WordPressに限らず、ブログなどでのTOPページには、その記事の見出しを複数表示させる設定があり、管理画面に投稿数を設定するとそのブログの一覧ページの表示件数を制御することができます。

WordPressでも左側のメニューの「設定」→「表示設定」内にある「1ページに表示する最大投稿数」の件数分の投稿された記事が、ループ文で呼び出された場合のループされる回数になります（初期設定では10件）。

ループ文の設定については以前の記事でまとめてあります。
※参考：第10回目 WordPressで投稿した記事の内容をループ文を使用して表示させる

ブログなどではブログのTOPのみが一覧になったりするので、この設定のみでよいのですが、ビジネスサイトのように更新する内容がページ毎に違う場合でも、すべてのループの呼び出しで10件表示されてしまいます。

ページによっては10件以上表示させたい場合や、件数を減らしたい場合などもでてきます。また、今回の参考サイトでは「ニュース」と「製品情報」を投稿で管理しているため、両方の記事が最新順に表示されてしまいます。実際使用する際はTOPページなどはニュースを表示するエリアと製品情報を表示するエリアに分けましょう。

ただし、通常なにもしないでループ文で投稿した記事を呼び出すと、最新の記事からカテゴリの内容は気にせず表示させてしまいます。

こうするとビジネスサイトなどではわかりにくいページになってしまいますので、必ず特定のカテゴリを表示させるという機会が生じます。

実際に今回作成したサンプルサイトからどのように表示されているかを確認してみましょう。

サンプルサイトはこちらになります。
URL:http://wordpress-book.webdesignmatome.com/news/

TOPページではNEWSの領域にスラッグ名「info」と「seminer」の中から最新から5件表示し、PRODUCTSの領域にはスラッグ名「products」の最新4件を表示させています。

こちらを見るとわかると思いますが、「表示設定」で設定した10件ではなく、それぞれのカテゴリのみを表示させ、それぞれ表示件数を制御しています。

このようにすると「表示設定」で設定は必要ないとおもいますが、今回のサンプルサイトでは表示件数を20件にして、NEWSの一覧ページと製品情報一覧ページを20件表示にさせました。

「query_posts」すべてを表示件数制御することも可能ですが、サイト全体を考えてベースとなる部分の設定を「表示設定」で行い、個別に対応する部分は条件分岐などをしていくなどするとサイト全体の表示の管理を手軽に行うことができます。

ループで呼び出した記事に対して表示するカテゴリを限定させたり、表示する件数を制御する記述として「query_posts」があります。

query_posts はループによって表示される投稿情報の条件を指定することができます。サンプルのように特定のカテゴリのみ表示したり投稿数や表示順などの変更も可能です。なお、複数のループを扱う場合にその条件が次のループにも影響してしまう場合があるので、ループの終了時に「wp_reset_query()」タグを使い条件をリセットするようにしています。

まずはループ文の基本はこのように記述しました。

こちらに「query_posts」を追加してカテゴリの制御や投稿数の制御を行ってみたいと思います。

NEWSの記事のみを表示させる場合の記述は下記のようになります。記事の出力のループの前に「query_posts( 'category_name=カテゴリースラッグ' );」と記述することで指定したカテゴリのみ表示するようになります。

こちらをループ文に追加して記述してみると、このようになります。

この場合のスラッグ名「news」に該当するものとしては、その下の階層にある「info」と「seminer」になりますのでTOPページのNEWに両方のカテゴリが表示されています。

カテゴリ作成時の親の設定をすることによって個別に設定しなくても上位のスラッグを参照することが可能です。

サンプルサイトのカテゴリ作成の考え方についてはこちらをご覧ください。
※参考：第4回目 WordPressでサイト構築前に行う設定をまとめる（カテゴリ・固定ページ編）

特定のカテゴリを表示させる制御ができましたが、このままでは表示件数は「表示設定」で行った数値になってしまいます。そこでquery_postsに表示件数を制御する文を追加したいと思います。

トップページにNEWSや製品情報がそれぞれスペースによって表示件数が違っていましたが、「query_posts」を利用することで表示件数も変更することができます。

「posts_per_page=出力する記事数」で出力を変更します。

また、パラメーターを複数指定する場合は「&」でつなげることができますので4件に設定する場合はこのようになります。

このようにすることで「表示設定」で設定した投稿数以外にしたい場合に使用することができます。

特定のカテゴリや表示数を設定したいという時に「query_posts」を設定したループ文を用意しておけばすぐに使用できるので便利です。

今回は以上になります。

次回も簡単な分岐で異なるカテゴリや固定ページ毎に決めた画像を自動的に表示させる条件分岐についてまとめていきたいと思います。

WordPressは一度用意した記述は何度も使えるので最初は少し難しいと思いますが、そこを乗り越えれば簡単にサイトが作れていきますのでオススメです。

また、今回とりあげたサンプルは、WordPressでビジネスサイトでよく使用する表現をすべてまとめた著書「WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作」のサンプルを使用しています。本書ではサイト作りのすべてのソースコードを用意して迷うことなくWordPressでビジネスサイト作るの工程を学べる内容となっております。

どのようなページを作れるかなどは、こちらにサンプルサイトと本の内容をまとめてあります。WordPressでのサイト作りに興味を持ちましたら是非こちらもご覧ください。

URL:http://www.html5-memo.com/other/wordpress-book/

---