自作したサブループとwp-pagenaviプラグインを連携させる方法

WordPressの管理画面で作成した固定ページをブログの記事の一覧ページにしたり、カスタム投稿タイプの一覧ページにしたりすることってよくあると思います。その場合、通常はWP_Queryを使って引数を渡してやることでサブループを生成して目的の記事のリストなどを作成することになります。

そのような場合に、記事のリストを表示させる固定ページにページネーションを追加したい場合、便利なプラグイン「wp-pagenavi」という有名なプラグインがありますよね。今回はそのwp-pagenaviとサブループの連携方法について解説します。

まず、WP_Queryを使用して簡単なサブループを作成します。

WordPressで企業サイトを構築している人なら見慣れたコードだと思います。
今回はこのコードにwp-pagenaviを使用したページネーションを導入します。

通常、wp-pagenaviを使用するときは、

wp_pagenavi();

だけで動作しますが、これはメインクエリをページネーションさせたい時の書き方となります。

WP_Queryを使用したサブループに対してwp-pagenaviを使用する場合は関数にクエリをパラメータとして渡してやる必要があります。今回の場合ですと、こんな感じになります。

wp_pagenavi(array('query'=>$my_query));

このようにwp_pagenavi関数にWP_Queryで作成したクエリを引数として渡してやります。

実際に運営中のブログやローカルで実験してみたらわかると思いますが、最初の例「wp_pagenavi();」だけではサブループのページネーションは表示されないはずです。

今回のサンプルで完成したコードは以下の通りです。

11行目に
wp_pagenavi(array('query'=>$my_query));
を追加しました。

これで固定ページに作成した記事のタイトルのリストにページネーションを追加することができました。お試しあれ。

■参考ページ
http://scribu.net/wordpress/wp-pagenavi/wpn-2-74.html


この記事をかいた人

ドレッド Webクリエイター

WordPressの構築やjQueryによる動的サイトの実装が得意なWebクリエイターです。このブログではWeb制作で役に立ちそうな知識から、プライベートの出来事まで幅広いネタを取り扱っております。ご質問、ご要望はお問合せフォームからどうぞ! お仕事のご依頼はコレカラウェブへ! 2016年10月から放送大学に入学(選科履修生)

WordPress | Posted on 2015/01/03 20:15

※コメントは管理人の承認後に公開されます。

コメントを残す

メールアドレスが公開されることはありません。