reconstructed RobotechBlog ろぼまるの活動ログ

WordPressのAutopagerize対応改造

ひきつづきAutopagerize。
こんどはWordpressで運営してるこのブログ(http://www.robotech.jp/)でもAutopagerizeで無限スクロールできるように改造を加えてみました。

作業は大きく分けて2つ。

1. WordPressのテンプレートファイルの改造。

   WordPressをインストールしたディレクトリの/wp-includes/link-template.php を編集する。
   バージョン2.8.4では、link-template.php の1345行目 を編集。赤字の部分を追記する。

   return '<a rel="next" href="' . next_posts( $max_page, false ) . "\" $attr>". preg_replace('/&([^#])(?![a-z]{1,8};)/', '&#038;$1', $label) .'</a>';

   ついでなので、1413行目も編集。同様に赤字部分を追記。

   return '<a rel="prev" href="' . previous_posts( false ) . "\" $attr>". preg_replace( '/&([^#])(?![a-z]{1,8};)/', '&#038;$1', $label ) .'</a>';

2. テーマの改造

   次に管理画面(ダッシュボード)からテーマの編集をする。このブログではOrange Techno というテーマを使ってるんだけど、このテーマではメインインデックスのテンプレート(index.php)の中に、

   <?php if (have_posts()) : ?>
<ul>
<?php while (have_posts()) : the_post(); ?>

   という行があるので、次のように赤字部分を追記して編集を保存する。

   <?php if (have_posts()) : ?>
<ul class="autopagerize_page_element">
<?php while (have_posts()) : the_post(); ?>

   テーマによって若干改造ポイントは異なるはずですががんばって見つけてください。

これでAutopagerizeを導入したFirefoxなどでサイトを閲覧すると、マウスホイールで延々と無限スクロールできるようになりました。