Posted by at 2007年7月12日 木曜日

最速の人が作った Greasemonkey スクリプト GoogleAutoPager が便利すぎて仕方が無い。
Google の検索結果ページで、「下のほうまでスクロールしたら次のページを自動でロード、現在表示中の検索結果に継ぎ足していく」と言うものだが、これが使っていて小気味良い。
で、ソースをGPLライセンスで公開していてくれてるので、Wordpress のプラグインとして利用できるようにしてみた。
どんな動きになるかは当サイトのトップページ等で確認してみてください。


管理を WordPress Plugins/JSeries に移しました。
最新版のダウンロードと使用法・修正履歴等は、そちらを参照してください。
WordPress Plugins/JSeries » WP-AutoPager

使用法

デフォルトテンプレートベースであれば、テンプレート修正無しでも、動作します。
使用するには解凍したファイルを wp-content/plugins/wp-autopager/ ディレクトリに放り込んで、有効化すれば良いはず。
HTML の構造が以下のようになっていることを前提に造ってあります。

<html>

<head>

</head>

<body>

<div id="content">

<div class="post" id="post-???">エントリ内容</div>
<div class="post" id="post-???">エントリ内容</div>
<div class="post" id="post-???">エントリ内容</div>

<div class="navigation">ページナビゲーション</div>

</div>

</body>

</html>

また class 名、ID 名は修正できるようにしておきました。
wp-autopager.php の先頭付近にある以下の記述をお使いの環境に合わせて変更してください。
→ Ver. 0.2.0 より管理画面で設定変更できるようになりました
※ class 名、ID名は大文字・小文字を判別しますので、うまく動かないときはその辺を疑ってみてください。

うまく動作すれば <div id="content" /> 要素内の <div class="post" /> 要素を取得して、<div class="navigation" /> 要素の前に次々と配置していきます。

一応、クライアントは IE6, IE7, Firefox 2.0.0.4, Opera 9.10, Safari (for Win) 3.0.2 で確認してあります。
Wordpress は 2.2.1 ME でしかテストできてないので、動作報告等いただけると非常にありがたい。

今後の拡張予定

  • class 名、ID名 等のパラメータを管理画面で変更できるようにしたいなぁ。
    → Ver.0.2.0 で対応しました

既知の問題

  • lightbox.js 等、onload イベントで要素を変更する Javascript は、継ぎ足し表示されたページでは反映されません。

参考にさせていただいたサイト

トラックバック & ピンバック » 表示する

コメント

  • Japan Windows Mozilla Firefox 2009年3月26日 木曜日 6:14 PM

    こんにちはXTORTです。

    個別ページの<!–nextpage–>の扱いに困っていまして、こちらのpluginを利用できないか試してみたんですが、個別ページには対応していないんですね。

    ページ自体をつなげると、「rel=”next”の意味が違ってくるから」とかそういう理由からくる物なのでしょうか?
    でも、<!–nextpage–>だったら別に構わない気がするし・・・

    時間があるときにでもレスつけて頂けるとうれしいです。

    XTORT 返信
    • Japan Windows Mozilla Firefox 2009年3月26日 木曜日 6:19 PM

      XTORT さん、どもです。

      個別ページの<!–nextpage–>の扱いに困っていまして、こちらのpluginを利用できないか試してみたんですが、個別ページには対応していないんですね。

      ページ自体をつなげると、「rel=”next”の意味が違ってくるから」とかそういう理由からくる物なのでしょうか?
      でも、<!–nextpage–>だったら別に構わない気がするし・・・

      すいません、このプラグインを作った頃 <!–nextpage–> タグの存在を知らなかったので、対応していませんでした。
      時間のあるときに対応させてみますね。
      気長にお待ちください。

      • Japan Windows Mozilla Firefox 2009年3月26日 木曜日 7:20 PM

        そうだったんですか。

        対応して頂けると個人的になんですが、非常にうれしいです。
        気長に待ってます :P

        XTORT 返信
  • delicious 2008年6月23日 月曜日 11:34 PM

    WordPressにAutoPagerを実装するプラグイン

コメントする

入力いただいたメールアドレスから Gravatar に登録されているアイコンを表示します。
(メールアドレスは公開されません)

改行と段落タグは自動で挿入されます。メールアドレスは表示されません。

:mrgreen: :-P :-D :-) ;-) :-o :-| :-( 8-O :-? 8-) :twisted: :evil: :oops: :roll: :cry: :lol: :-x more »