スゴク便利な万能タグ「query_posts」ただし…

トップページやカテゴリページで、通常のループ(whileなど)で記事を呼び出す時に、昇順/降順や特定カテゴリのみ、特定の期間など自由な条件で呼び出したくなることがあると思う(特に企業サイトやポータルサイト)。

その場合にすごく便利なタグが「query_posts」。
このタグをループの直前に置いて、引数にカテゴリ、投稿者、時期、昇順/降順、件数など指定するとその条件に該当する記事が取得され、その後のループのフォーマットに沿って、件数分表示される。

しかし、該当件数が例えば50件など大量にある場合は10件×5ページに分割したいが、引数をただ設定しただけでは「次のページへ」と分割できない。

それは「query_post」というタグが、今は何ページ目を表示しているのか、またそのページがどのカテゴリを表示しているのか、といったURLから得られる情報を無視してしまうためのようです。だから次へ次へとページを送っても現在のページ数を取得できず、同じ記事(例では最初の10件)しか表示されない。

 
その場合「$query_string」のひと言を、引数の先頭に加え、続く引数を「&」で始める。
■書式
query_posts($query_string . "&order=ASC&cat=2&...")

■テンプレートの記述例
<?php query_posts($query_string . "&cat=2&order=ASC"); ?>
<?php if(have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<h3 class="storytitle" id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<?php the_content(__('(more...)')); ?>
</div>
<?php endwhile; else: ?>
<p>該当する記事はありません。</p>
<?php endif; ?>

これで該当記事がたくさんある場合に「次のページへ」が機能します。
いつものループに、最初のたった1行を加えるだけで自由自在に記事を呼び出せます。

ちなみに、現在のカテゴリを取得する例も下の記事に紹介されています。
$categoryvariable=$cat
と現在のカテゴリIDを変数に設定して、その後のquery_postsの引数cat=に代入すれば「現在のカテゴリ」という条件を設定できます。テンプレートを節約できますね。

■参考:
Template Tags/query posts」 WordPress Codex

↓引数はこちらで日本語で紹介されています。
query_posts」 Wptags.com

↑ PageTop

この記事へのコメント
古い記事へのコメントで申し訳ありません。

これ、便利ですね。
早速使わせていただきました。

ただし、私の環境ではカテゴリでは問題があるようでした。
ページ切り替えすると記事があっても表示されないようです。
Posted by ふりっぷ at 2007年12月24日 17:28
コメントありがとうございます。

さっき、あるサイトで確認したら偶然にも「ページ切り替えすると記事があっても表示されない」現象に、あるカテゴリで遭遇しました。しかしその後、そのカテゴリのサブカテゴリを開くと次ページのリンクは機能し、最初のメインカテゴリに戻って次ページのリンクをクリックすると問題なく機能…。

うーむ、なんでしょうねぇ?
わかったらご報告したいと思います。
Posted by 宮澤 at 2007年12月26日 00:51
コメントを書く
name

mail

url

comment

認証コード: *


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

[WordPress][WEB制作] query_posts() でページ分割を機能させる方法
Excerpt: すごく便利なタグが「query_posts」。 このタグをループの直前に置いて、引数にカテゴリ、投稿者、時期、昇順/降順、件数など指定するとその条件に該当する記事が取得され、その後のループのフォーマ..
Weblog: minorio のプログラミング・メモ
Tracked: 2008-09-10 18:07

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。