WordPress 無限スクロール/ Load Moreプラグイン

Last Updated:2023年07月17日| 1のコメント

WordPressでお気に入りリストや WooCommerce 商品を表示するときの設定で指定した数だけ表示され、下部に数字でページ番号が表示される場合があります。

無限スクロール機能を使用すると、ユーザーが一番下に降りると自動的に次の投稿/商品が読み込まれ、表示されます。 または「もっと見るボタンを追加すると、ユーザーはボタンをクリックして次の投稿/商品リストを読み込むことができます。

このような機能を使用すると、ページを移動することなく、現在のページ内で文をロードすることができ、ユーザーの利便性を向上させることができます。 この記事では、無料で提供されているAjax Load Moreというプラグインと WooCommerce 専用プラグインLoad More Products for WooCommerceは、 WooCommerce用無限スクロールプラグインを簡単に説明します。

WordPress / WooCommerce 無限スクロールプラグイン

Ajax Load Moreプラグイン

WordPress 無限スクロール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 ショップ、ブログ等に適用可能

YITH Infinite Scrolling(YITHインフィニットスクロールプラグイン)

WooCommerce プラグインで有名なYITHで作成された無限スクロールプラグインです。 このプラグインは、無料版と有料版で提供されます。

無料版の機能

  • 一つのセクション(ショップ、ブログなど)のみ無限スクロール機能を有効に
  • ユーザー定義のロードファイルのアップロード

プレミアムバージョンの機能

  • 無料版のすべての機能
  • 任意の数のセクションに無限スクロール機能を有効に
  • 独自のオプションパネルを介して、各セクションの管理
  • 「infiniate scrolling(無限スクロール)」、「load more button(追加ロードボタン)」、「ajax pagination(Ajaxページネーション)」からページネーション(改ページ)タイプを選択
  • 無限スクロールページネーションを利用する場合は、事前構成されたローダーのアイコンセットの中から選択するか、カスタムアイコンをアップロードすることができます。
  • 「load more」ボタンページネーションを選択した場合は、ボタンラベルを設定してXNUMXつ以上のカスタムクラスを追加できます。
  • コンテンツの読み込みアニメーションを選択
  • ページのURLは、AJAXで新しい要素がロードされるたびに自動的に更新されることがあります。 この機能により、ユーザーは、前のページに戻ることもできます。

まず無料版をインストールして使って見て、高度な機能が必要な場合、プレミアムバージョンを考慮してみることができます。 詳細情報とデモは、 YITH Infinite Scrollingプラグインのページを参照してみてください。

Load More Products for WooCommerce(WooCommerceグッズその他のプラグイン)

WordPress WooCommerce Load Moreプラグイン

Ajaxを使用して商品を無限スクロールしたり、Load Moreボタンを追加してくれる WooCommerce用アドオンプラグインです。

機能:

  • WooCommerce(WooCommerce)商品無限スクロール
  • 商品を見る(Load More Products)ボタンまたはAJAXページ付け
  • カスタムボタンのテキスト
  • ユーザー定義のコードのためのJavaScriptのフック

加えて、画像遅延ロードなどの高度な機能は、有料版で提供されます。

もっと詳しく Load More Products for WooCommerceプラグインのページを参照してみてください。

参照


1のコメント

コメント

  1. Load More Products for WooCommerceプラグインをインストールしてみると表示は良い店のページの速度を少し遅くすることがあります。

    プラグインは、なるべくインストールしないでください。 どうしても必要な場合を除き、基本的に提供される機能を最大限に活用することが、サイトのパフォーマンスに望ましいことです。

    応答