訪問者がページを下にスクロールし続け、ブログ投稿を無限に読み込めるようにします。

バージョン7.0の特定のテンプレートでは、訪問者がブログ ページを下にスクロールすると、無限スクロールによってブログ投稿が読み込まれ続けます。このデザイン機能を使用すると、視聴者がページから離れることなく、より多くのコンテンツを探索し、より長く関心を持ち続けるようにすることができます。無限スクロールは、コンテンツが多いブログや、モバイル端末を使用する読者が多いサイトに最適です。[トラフィック分析] パネルで、訪問者が使用している端末の種類を確認できます。

このガイドはバージョン7.0にのみ適用されます。無限スクロールはバージョン7.1では使用できません。バージョン7.1または無限スクロールのない7.0テンプレートでは、ブログ ページ設定の [全般] タブで、ランディング ページに表示するブログ投稿の数 (最大20) を設定します。

無限スクロールは、次のテンプレート ファミリーで使用できます。

• Farro
• Skye

無限スクロールは次のように動作します。

仕組み

• 無限スクロールは、FarroおよびSkyeテンプレート ファミリーのブログ ページでのみ使用できます。
• 有効にすると、サイト上のすべてのブログ ページに無限スクロールが適用されます。個々のブログ ページごとに設定することはできません。
• 無限スクロールでは、訪問者がページを下にスクロールすると、投稿が自動的に読み込まれます。
• 無限スクロールは、ページのすべてのコンテンツがページに表示されるまでコンテンツを読み込み続けます。
• 訪問者のスクロールが速い場合、または接続が遅い場合、読み込みにわずかな遅れが生じる可能性があります。

無限スクロールを有効にする

無限スクロールを有効にするには、サイトのブログ ページを開きます。[Webサイト] パネルに戻り、[デザイン]、[サイト スタイル] の順にクリックします。

• Farroファミリー - [ブログ リスト: 読み込み] セクションまでスクロールし、[方法: 無限スクロール] を選択します。
• Skyeファミリー - [ブログ グリッド オプション] セクションまでスクロールして、[無限スクロール] にチェックを入れます。

完了したら、[保存] をクリックします。

無限スクロールを無効にする

この機能を無効にするには、次の手順に従います。

• Farroファミリー - サイト スタイルの [ブログ リスト: 読み込み] セクションで、[方法: ボタン] を選択します。
• Skyeファミリー - サイト スタイルの [ブログ グリッド オプション] セクションで、[無限スクロール] のチェックを外します。

訪問者が読み込まれたコンテンツの最後までスクロールすると、[さらに読み込む] をクリックして次のブログ投稿を表示できます。

• Farroファミリーは、常に24件の投稿を読み込みます。
• Skyeファミリーでは、ブログ ページ設定で設定された数だけ投稿が読み込まれます。

[さらに読み込む] のフォントと色は、サイト スタイルで編集できます。