AutoPagerizeをWordPressで WP-AutoPagerizeプラグイン

先日試した自分のサイトでAutoPagerizeを使うからの延長で
自分のWordPressにAutoPagerizeを手軽に導入できるプラグインを作りました。

色々と方法はあったんですけれど
とりあえずは、Pagenavi付き・jQuery使用になってます。
（上記の2点は好みが分かれそうですね…

サンプルとして実際に動作している環境のWordPressを用意しました。

トピックス

• ダウンロード
• 導入方法
• 設定
• サンプル
• 追記・更新履歴
• 動作環境

ダウンロード

プラグインファイル

wp-autopagerize.zip(22KB)

導入方法

ファイルをDL解凍後、
WordPressのプラグインフォルダにアップロードしてアクティベートしてください。

アクティベートしたら、任意のテンプレートファイルに下記のソースを貼り付けます。

<?php if(function_exists('wp_autopagerize')) { wp_autopagerize("div.post",true,1,"Prev","Next"); } ?>

以上でAutoPagerizeの機能が付属したページナビゲーションが追加されます。
ページナビゲーションも追加するのでWP-Pagenaviなどを使っている人は機能が重複します。

ページナビゲーションの一番左の四角（デフォルトで）をクリックすると
AutoPagerizeのON/OFFが切り替わります。（Cookie付き）

HTMLの構造が複雑な場合はうまく動作しないかもしれません。
その場合はコメントかメールにて教えてもらえると対処できるかもしれません。

設定

AutoPagerizeで追加する要素

追加する要素はwp_autopagerize関数の第一引数で指定します。
たとえば、div.entryを指定する場合は以下のようになります。

wp_autopagerize("div.entry",true,1,"Prev","Next");

複数指定ができます。複数の要素を指定する場合はカンマで区切るだけです。

wp_autopagerize("div.entry,div.post",true,1,"Prev","Next");

指定方法はjQueryのセレクタと同じです。

jQueryを読み込むかどうか

WP-AutoPagerizeではjQueryを使っています。
jQueryを読み込むかどうかを第二引数で指定します。

WP-AutoPagerizeを導入するWordPressで既にjQueryを使っている場合は
false を指定します。

wp_autopagerize("div.entry,div.post",false,1,"Prev","Next");

使っていない場合は true を指定します。

wp_autopagerize("div.entry,div.post",true,1,"Prev","Next");

ここは書き直す必要があるかもしれませんが
最近はjQueryもだいぶひろまってきてますので…

デフォルトの動作（AutoPagerizeを有効にするか無効にするか）

有効にしておくか無効にしておくかは、第三引数で指定します。
有効にする場合は 1 、無効にする場合は 0 を指定します。

wp_autopagerize("div.entry,div.post",true,0,"Prev","Next");

有効にしておけば、最初にON/OFFボタンをクリックしなくても
AutoPagerizeでページを読み込み追加します。

prev, nextの文字を変える場合

prevは第四引数、nextは第五引数でそれぞれ指定できます。

wp_autopagerize("div.entry,div.post",true,0,"前へ","次へ");

参考サイト

ページナビゲーション部分で以下のサイトを参考にさせていただきました。

• Yuriko.net(WP-PageNaviを使わずにナビゲーション表示)
• der Gegenwart(私がWordPressをインストールしたとき最初にすること)

動作環境

Windows: IE7, Firefox3, Opera9.5, Safari3, Chromeで確認