【WordPress】無限スクロールを実装。Ajax Pagination and Infinite Scroll

ajax_pagination_and_infinite_scroll_s
Ajax Pagination and Infinite Scrollはページネーションを使って無限スクロールを実装できるプラグイン。プラグインは、投稿、ページ、検索、カスタムポストタイプで動作するようです。

Ajax Pagination and Infinite Scrollプラグイン導入

ダッシュボード >> プラグイン >> 新規追加 >> Ajax Pagination and Infinite Scrollを検索
有効化にすると設定にAjax Pagination Settingsが追加されます。

ajax_pagination_and_infinite_scroll_1

Wrapper Settings

Theme Defaults テーマのデフォルト
Posts Selector 投稿セレクタ-ページネーションのセレクタの親
Post Selector 投稿セレクタ-個々の投稿
Navigation Selector ナビゲーションセレクタ
Next Selector 次のリンク

Pagination Type Settings

Paging Type ページングタイプ-無限スクロール、ボタンロード、ぺージネーションから選択
Infinite Scroll Buffer (px) 無限スクロールバッファ

Loader Settings

Upload AJAX Loaderでアップロードが出来ます。

Load More Button Settings

Load More Button Text ボタンのテキスト
Loading More Posts Text 投稿読み込みテキスト

ajax_pagination_and_infinite_scroll_3
無限スクロール時の読み込み

ajax_pagination_and_infinite_scroll_2
ボタンロード。クリックすると次のページが読み込まれます。テキストはLoad More Button Textで変更。

このウェブサイトのブログ一覧や検索でもこのプラグインを使用しています。設定は下記のようにしています。

Posts Selector .infinite
Post Selector .post
Navigation Selector .local-navigation
Next Selector a.next
 
Ajax Pagination and Infinite Scroll

【WordPress】無限スクロールを実装。Ajax Pagination and Infinite Scroll

  • LATEST
  • RELATED
  • POPULAR