Infinite-Scrollは、記事の一覧ページを無限スクロール化してくれるWordPressプラグインです。
通常は、ナビゲーションのリンクをクリックしなければ次のページへ遷移しませんが、Infinite-Scrollを導入することで一覧の最後までスクロールすると、自動的に次のページが読み込まれるようになります。
Infinite-Scrollのインストール
インストール手順は以下の通りです。
- Infinite-Scrollをダウンロードします。
- ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
- 管理画面の[プラグイン]ページで、Infinite-Scrollを有効化します。
Infinite-Scrollの設定
WordPress管理画面で[設定] – [Infinite Scroll]にアクセスし、詳細設定を行います。
| Content Selector | コンテンツ部分のセレクタ。Twenty Sixteenの場合：#main |
| Navigation Selector | ナビゲーション部分のセレクタ。Twenty Sixteenの場合：.navigation |
| Next Selector | 次ページのリンクのセレクタ。Twenty Sixteenの場合：.next |
| Item Selector | 記事部分のセレクタ。Twenty Sixteenの場合：.post |
| Callback | 次のページがロードされた時のコールバック |
| Loading Message | 次ページロード中のメッセージ |
| Finished Message | 次ページロード完了のメッセージ |
| Loading Image | 次ページロード中のローディング画像 |
| Behavior | 次ページが読み込まれるタイミング |
あとがき
大量のコンテンツを一覧で見せて、スクロールしながら見たいコンテンツを探せるところに、無限スクロールの良さがあります。例えば、Google画像検索やPinterestなんかが無限スクロールを採用していますね。
記事一覧を無限スクロール化したい時はぜひ！