2016/10/20

WordPressでのInfinite Scrollの実装にAjax Load More

これ結構便利なプラグインだと思いました。結構定番、一覧でInfinite Scrollさせたい需要に応えるもの。

Ajax Load More – Infinite Scroll — WordPress Plugins

こんな感じでShortcode使って実装します。Shortcodeは管理画面から生成できます。

                <?php query_posts('post_type=post'); ?>
                <?php if(have_posts()) : while (have_posts()) : the_post(); ?>
                <?php include (TEMPLATEPATH . '/post_template.php'); ?>
                <?php endwhile; ?>
                <?php endif; ?>
                <?php echo do_shortcode('&#91;ajax_load_more post_type="post" offset="10" posts_per_page="10" pause="true" button_label="Load More" container_type="ul"&#93;'); ?>

ただ、一覧系(カテゴリとかタグとか日別とか)が一癖あって、ただ、こちらのドキュメント読みながらやれば大丈夫。

Code Samples – Connekt Media

こういう時にプラグイン使うかどうかというのは、フレキシビリティとメンテナンサビリティの帳尻合わせだと思うのだけれど、プラグインのコードに重いカスタマイズ入らない場合は、僕は割と活用したい派です(運用コスト鑑みて、なるべく使わないで作るという人の話も聞いたこともあるのだけれど)。まあ便利でした。

ひとり仕事: フリーランスという働き方
(2012-10-5)
売り上げランキング: 14,705
100円
WordPressデザインレシピ集
狩野 祐東
技術評論社
売り上げランキング: 197,569
WordPress 高速化&スマート運用必携ガイド
こもりまさあき 岡本渉
エムディエヌコーポレーション
売り上げランキング: 435,263