WordPressでお気に入りリストや WooCommerce 商品を表示するときの設定で指定した数だけ表示され、下部に数字でページ番号が表示される場合があります。
無限スクロール機能を使用すると、ユーザーが一番下に降りると自動的に次の投稿/商品が読み込まれ、表示されます。 または「もっと見るボタンを追加すると、ユーザーはボタンをクリックして次の投稿/商品リストを読み込むことができます。
このような機能を使用すると、ページを移動することなく、現在のページ内で文をロードすることができ、ユーザーの利便性を向上させることができます。 この記事では、無料で提供されているAjax Load Moreというプラグインと WooCommerce 専用プラグインLoad More Products for WooCommerceは、 WooCommerce用無限スクロールプラグインを簡単に説明します。
WordPress / WooCommerce 無限スクロールプラグイン
Ajax Load Moreプラグイン
Ajaxの負荷よりはAjaxのクエリに WordPress 文は、カスタム文タイプ(カスタムポストタイプ)、単一文、ページ、およびコメントを無限スクロール(Infinite Scrolling)または遅延読み込み(Lazy Loading)する場合に使用される強力なソリューションです。
Ajax Load Moreショートコードビルダーを使用して、複雑なユーザー定義 WordPress クエリを作成してContent Editor(コンテンツエディタ)を使用してページに生成されたショートコードを追加することができ、テンプレートファイルに直接追加することも可能です。
Ajax Load Moreは WooCommerce(WooCommerce)やEDD(Easy Digital Downloads)のような有名な電子商取引のプラグインの無限スクロール機能とも完全に互換性があります。
このプラグインを使用して「もっと見る」ボタンを追加する方法については、次の記事を参照してください。
YITH Infinite Scrolling (YITH インフィニットスクロール) プラグイン - WooCommerce ショップ、ブログ等に適用可能
WooCommerce プラグインで有名なYITHで作成された無限スクロールプラグインです。 このプラグインは、無料版と有料版で提供されます。
無料版の機能
- 一つのセクション(ショップ、ブログなど)のみ無限スクロール機能を有効に
- ユーザー定義のロードファイルのアップロード
プレミアムバージョンの機能
- 無料版のすべての機能
- 任意の数のセクションに無限スクロール機能を有効に
- 独自のオプションパネルを介して、各セクションの管理
- 「infiniate scrolling(無限スクロール)」、「load more button(追加ロードボタン)」、「ajax pagination(Ajaxページネーション)」からページネーション(改ページ)タイプを選択
- 無限スクロールページネーションを利用する場合は、事前構成されたローダーのアイコンセットの中から選択するか、カスタムアイコンをアップロードすることができます。
- 「load more」ボタンページネーションを選択した場合は、ボタンラベルを設定してXNUMXつ以上のカスタムクラスを追加できます。
- コンテンツの読み込みアニメーションを選択
- ページのURLは、AJAXで新しい要素がロードされるたびに自動的に更新されることがあります。 この機能により、ユーザーは、前のページに戻ることもできます。
まず無料版をインストールして使って見て、高度な機能が必要な場合、プレミアムバージョンを考慮してみることができます。 詳細情報とデモは、 YITH Infinite Scrollingプラグインのページを参照してみてください。
Load More Products for WooCommerce(WooCommerceグッズその他のプラグイン)
Ajaxを使用して商品を無限スクロールしたり、Load Moreボタンを追加してくれる WooCommerce用アドオンプラグインです。
機能:
- WooCommerce(WooCommerce)商品無限スクロール
- 商品を見る(Load More Products)ボタンまたはAJAXページ付け
- カスタムボタンのテキスト
- ユーザー定義のコードのためのJavaScriptのフック
加えて、画像遅延ロードなどの高度な機能は、有料版で提供されます。
もっと詳しく Load More Products for WooCommerceプラグインのページを参照してみてください。
Load More Products for WooCommerceプラグインをインストールしてみると表示は良い店のページの速度を少し遅くすることがあります。
プラグインは、なるべくインストールしないでください。 どうしても必要な場合を除き、基本的に提供される機能を最大限に活用することが、サイトのパフォーマンスに望ましいことです。