それからデザイン スタッフブログ

トップページでよく見かけるブログの新着記事ですが、 ブログ全体の新着記事ではなくて、ニュースなど特定のカテゴリ記事だけ一覧表示したいときってありませんか？

例えば、下図のように「ニュース」「ブログ」と分けて投稿記事を表示したときなど、結構あるのではないと思います。

WordPressでは、特定の条件を指定して投稿記事を呼び出すquery_posts()という関数がありますので、この関数をうまく使って特定のカテゴリーに紐付けされた記事のみ表示される方法をご紹介したいと思います。

STEP１　特定のカテゴリIDを調べる

管理画面より、カテゴリ作成ページを開きます。
下図の右側、「編集」ボタンを押すと該当するカテゴリの編集画面に遷移するので、URLの「tag_ID」に注目をします。

↓　下図は、カテゴリ編集ページのURL（編集ボタンを押した後のページ）を、ブラウザで確認した画面です。

イコール（=）の右辺がカテゴリIDになりますので、メモなどして覚えておきます。
上図の場合のカテゴリIDは、「３」ということになります。

STEP２　query_posts() 関数で特定のカテゴリを呼び出す

WordPressのquery_posts()関数を使ってSTEP１でメモをしたカテゴリ記事を呼び出します。
query_posts()の使い方ですが、カテゴリIDが３に紐付けされた記事リストをページ内に５件だけ表示させたい場合は、以下のような記述になります。

query_postsの括弧（）で囲まれた内容ですが、cat イコール（=）の右辺がカテゴリID、 showpost イコール（=）の右辺の数字が表示させる件数になりますので、上記の場合、「カテゴリIDが３の投稿記事を、５件表示する」という意味になります。

WordPressの twentyfourteen テーマの index.php を例に、トップページへカテゴリIDが「3」の記事リストを表示させるソースコードは以下のようになります。

ポイントは、５行目のhave_posts()より前に、query_posts()を使うことです。

通常ですと、５行目のhave_posts()の箇所から、カテゴリーに関係なくすべてのブログ記事が時系列に表示されますが、 have_posts()（ループ処理より前）にquery_posts()を使って特定のカテゴリーを指定することで、特定のカテゴリーの記事だけループ処理が行われるようになります。

特定のカテゴリーを除外して表示させる場合

上記では、query_posts()を使って特定のカテゴリーに紐付けされた記事のみ表示させる方法をご紹介しましたが、 場合によっては、特定のカテゴリー記事を除外して表示させたいこともあるかと思います。

例えば、先頭の図のように、「ブログ」にはすべての投稿記事から時系列で最新記事を表示させたいが、「ニュース」カテゴリーだけは除外したいといった場合などが考えられます。

そういった場合も、query_posts()に除外したいカテゴリーを指定することで実現ができます。
除外したいカテゴリーの指定方法はとってもシンプルで、以下のように除外したいカテゴリーIDにマイナス（-）を付けるだけです！
以下の例では、カテゴリーIDが３以外の記事を表示させる方法になります。

複数のカテゴリーを除外したい場合には、カテゴリーIDをカンマ（,）区切りで指定します。

下の例では、カテゴリーIDが5と7以外の記事を表示させる例になります。

先頭の図のように、トップページへ「ニュース」カテゴリーとそれ以外の記事「ブログ」を分けて表示させるコードは以下のようになります。以下の例では、ニュースカテゴリーのIDが３の記事と、それ以外の記事を表示させる例になります。