どうも、じゃぶじゃぶ(@jbjbgame)です。
AFFINGER6のEX版ではページの遷移をせずに、記事一覧の記事リンクを非同期で読込み、表示件数を無制限に増やせる「無限スクロール」が利用可能になります。
今回はブログに「無限スクロール」を設定する方法についてご紹介します。
※AFFINGER6通常版ではこの機能は利用できません。EX版の機能になりますのでご注意ください。
記事一覧を無限スクロールにする
無限スクロールとは上図のように「もっと読む」をクリックすることで、画面のリロードをはさまず、リアルタイムで記事を読み込む機能です。
自分が確認できる範囲で、無限スクロールが適用できるのは以下の通りです。
無限スクロールの適応範囲
- トップページのタブ式カテゴリー一覧
- 投稿ページ下の関連記事一覧
それでは設定方法についてご説明します。
トップページのタブ式カテゴリー一覧
・設定
AFFINGER管理 > トップページ > タブ式カテゴリー一覧
タブ式カテゴリー一覧の中の「無限ループする」にチェックを入れたのち、「Save」ボタンをクリックしてください。
・結果
投稿ページ下の関連記事一覧
・設定
AFFINGER管理 > 投稿・固定記事設定 >関連記事一覧
関連記事一覧の中の「もっと読む(無限スクロール)を使用する」にチェックを入れたのち、「Save」ボタンをクリックしてください。
・結果