WordPressの無限スクロールに最適なプラグイン

公開: 2021-12-04

サイトに無限スクロールを追加したいのですが、その方法がわかりませんか？ あなたは正しい場所に来ました。 この記事では、無限スクロールを追加するための最高のWordPressプラグインのいくつかを紹介します。

さまざまなツールを確認する前に、無限スクロールとは何か、および通常のページネーションよりも優れている点を理解しましょう。

無限スクロールとは何ですか？

従来のページネーションシステムは、コンテンツをページに分割することに基づいています。 ユーザーは、ページの上部または下部にある番号付きのリンクをクリックして、ページ間を移動できます。 ページ付けの最も一般的な例は、Googleとその検索結果です。

Google検索ページ付け

一方、無限スクロールはAJAXを使用して、すべてのコンテンツを1ページに表示します。 最初は、固定数のアイテムのみが表示され、ユーザーが下にスクロールすると、さらに多くのアイテムがロードされます。 無限スクロールの例には、Facebook、Twitter、Instagramなどのソーシャルメディアサイトが含まれます。 これらのサイトは、コンテンツの継続的なストリームを提供します。 下にスクロールすればするほど、より多くのことがわかります。

今、あなたは尋ねるかもしれません、なぜ私は無限のスクロールに切り替える必要がありますか？ ページネーションに対する無限スクロールの実質的な利点はありますか？ 無限スクロールの利点のいくつかと、専用プラグインを使用する必要がある理由を見てみましょう。

無限スクロールの利点

通常のページ付けと比較して、無限スクロールは、より多くのコンテンツを見つけるためにユーザー側の労力が少なくて済むため、より直感的です。 すべてのコンテンツは、ページネーションとは異なり、更新なしで同じページに動的に読み込まれるため、サイトの閲覧がはるかに高速になります。

同様に、無限スクロールは、高品質のコンテンツを表示することで、ユーザーがサイトに長く滞在することを保証します。 訪問者がスクロールするとコンテンツが自動的に読み込まれるため、ユーザーに質の高いコンテンツを継続的に提供し、ユーザーの注意を引き、サイトにとどまる理由をユーザーに与えることができます。

さらに、無限スクロールプラグインは、Webサイトをよりモバイルフレンドリーにするために優れています。 タッチスクリーンデバイスでのスクロールは、ページ付けの小さなページ番号をクリックするのとは異なり、高速で簡単で、ブラウジングエクスペリエンスが向上します。

サイトのユーザーエクスペリエンスを向上させるだけでなく、無限スクロールは、ユーザーエンゲージメントを向上させ、Webサイトのバウンス率を減らすのにも役立ちます。 バウンス率が低いということは、コンテンツの品質を示しており、サイトのSEOを改善するのに役立ちます。

これまで、無限スクロールの利点のいくつかを見てきました。 ただし、無限スクロールが常に最良の方法であるとは限らず、一部のサイトではページネーションの恩恵を受ける可能性があります。 正しい選択を行うのに役立つ可能性があるため、ページ付けと無限スクロールの詳細な比較を確認してください。

無限スクロールがサイトに最適だと思う場合は、2つのオプションがあります。 ガイドを参照して、無限スクロールを追加したり、専用のプラグインを使用したりできます。 次のセクションでは、無限スクロールに最適なWordPressプラグインのいくつかを分析します。

WordPressの無限スクロールに最適なプラグイン

WordPressに最適な無限スクロールプラグインは次のとおりです。

  1. AJAX Load More（無料およびプレミアム）
  2. 無限の巻物をキャッチ（無料およびプレミアム）
  3. YITH無限スクロール無料）
  4. Jetpack（無料およびプレミアム）
  5. WooCommerce用のより多くの製品をロードする（無料およびプレミアム）
  6. WooCommerce Infinite Scroll and AJAX Pagination（Premium）
  7. アニメーションの無限の巻物（プレミアム）

それぞれが提供するものを見てみましょう。そうすれば、自分に最も適したものを選択できます。

1.AJAXロードもっと

WordPress用のAJAXロードモアプラグイン

5万を超えるアクティブなインストールがある、 AJAX Load Moreは、WordPressで最も人気のある無限スクロールプラグインの1つです。 あらゆる種類のWebサイトでシームレスに機能し、WooCommerceなどのeコマースプラットフォームをサポートします。

最も興味深い機能のいくつかは、リピーターテンプレートと便利なショートコードビルダーです。 テンプレートは、コンテンツがフロントエンドで表示される方法を定義するPHPファイルです。 リピーターテンプレートを使用すると、プラグインに独自のテンプレートを追加して、プラグインが表示するコンテンツがサイトの他のスタイルと一致するようにすることができます。

さらに、ショートコードビルダーは、選択したクエリパラメーターに基づいてショートコードを生成します。 投稿の種類、形式、タグなどのクエリパラメータを指定できます。AJAXLoadMoreは、サイトに追加できるショートコードを生成します。 プログラミングのスキルがある場合は、ショートコードをさらにカスタマイズして、カスタマイズオプションを最大限に活用できます。

さらに、プラグインの複数のインスタンスを1つのページまたは投稿に追加できます。 AJAXフィルタリングを使用すると、サイトにカスタムフィルターを追加し、選択したフィルターに基づいてコンテンツを表示できます。 最後に、このプラグインは高度にカスタマイズ可能であり、Webサイトのルックアンドフィールに合わせて調整することができます。

特徴

  • リピーターテンプレートを使用すると、独自のテンプレートを作成できます
  • すぐに使用できるショートコードを生成するショートコードビルダー
  • 投稿の種類、形式、カテゴリ、タグなどでクエリするパラメータをクエリする
  • 1つのページまたは投稿にプラグインの複数のインスタンスを追加します
  • カスタムフィルターを作成し、選択したフィルターに基づいて結果を表示します
  • 高度にカスタマイズ可能

価格設定

AJAX Load Moreには、無料バージョンとプレミアムバージョンの両方があります。 無料版には基本機能が含まれていますが、プレミアム版には複数のアドオンが含まれています。 個別のアドオンを購入するか、1つのサイトで149米ドルから始まるすべてのプレミアム拡張機能のバンドルを購入することができます。

2.無限のスクロールをキャッチ

無限スクロールプラグインをキャッチ

Catch Infinite Scrollは、WordPress用のもう1つの人気のある無限スクロールプラグインです。 プラグインは非常に軽量で、ミニマルで、セットアップが非常に簡単です。

このプラグインにはすべてのベルとホイッスルが付属しているわけではありませんが、非常に効果的です。 あなたが数回のクリックで仕事を終わらせるプラグインが欲しいだけで、たくさんのカスタマイズオプションがなくてもかまわないような人なら、これはあなたのためのツールです。

Catch Infinite Scrollは事前構成されており、ユーザーによる構成は必要ありません。 プラグインをインストールした瞬間から、サイトで無限のスクロールを楽しむことができます。

カスタマイズの面では、無料版には提供できるものがあまりありません。 スクロールまたは[さらに読み込む]ボタンのいずれかを選択し、ローダーアイコンとして選択した画像を選択することしかできません。 ただし、プレミアムバージョンでは、フォントサイズ、ファミリ、色の変更、[さらに読み込む]ボタンのカスタマイズなどを行うことができます。

全体として、これは最もカスタマイズ可能なツールではありませんが、このプラグインは比類のないシンプルさを提供します。 ミニマルで使いやすく、それで仕事ができるものが必要な場合は、Catch InfiniteScrollingが最善の策です。

特徴

  • 非常に使いやすい
  • 非常に軽量なので、サイトのパフォーマンスにはまったく影響しません。
  • [さらに読み込む]ボタンと無限スクロールのどちらかを選択します
  • 基本的なカスタマイズオプションのみでミニマル
  • 最後にカスタムメッセージを表示する
  • すべてのテーマでうまく機能します

価格設定

Catch InfiniteScrollはフリーミアムプラグインです。 無料版はすべてのコア機能をカバーしていますが、追加のカスタマイズオプションが必要な場合は、わずか24.99米ドルでプロ版を入手できます。

3.YITH無限スクロール

WordPress用のYITH無限スクロール

最高の無限スクロールプラグインのもう1つは、 YITH無限スクロールです。 綿毛や過度に複雑な機能を追加することなく、無限スクロールのすべてのコア機能を提供します。 このように、それは物事を単純に保ちながら仕事を成し遂げます。

このツールの際立った特徴は、同じページの複数のセクションに無限スクロールを追加する機能です。 レビュー、紹介文、ブログに無限のスクロールを追加したり、セクションごとに個別にスクロールオプションを設定したりできます。

スクロールオプションに関しては、使用可能なデフォルトのプリセットからローダースタイルを選択できます。 ページングタイプを、ページ付け、無限スクロール、または[さらに読み込む]ボタンのいずれかに設定します。 また、好きな読み込みアニメーションなどを選択することもできます。

さらに、ユーザーが次のページにスクロールすると、URLが自動的に更新されます。 このように、これらの更新されたURLを使用して、ユーザーを特定のセクションに直接送信できます。 最後に、 YITH Infinite ScrollingはWPMLと互換性があるため、他の言語に簡単に翻訳できます。

特徴

  • セクションに無限スクロールを追加し、各セクションのオプションを個別に設定します
  • 利用可能なデフォルトのプリセットのセットからローダースタイルを選択します
  • ページングを通常のページングに設定し、より多くのまたは無限のスクロールをロードします
  • 7つの異なるアニメーションから読み込み効果を設定します
  • ページのURLは自動的に更新されます
  • WPML互換

価格設定

YITH Infiniteスクロールはプレミアムプラグインであり、1年間の更新とサポートで年間59.99米ドルから始まります。 さらに、製品に満足できない場合は、30日間の返金保証が受けられます。

4.ジェットパック

WordPress用のJetpackプラグイン

500万を超えるアクティブなインストールがあり、WordPressの作成者であるJetpack by Automatticは、最も人気のある無限スクロールプラグインの1つです。 これは、サイトのさまざまな側面を改善できる優れた万能ツールです。

他の多くの機能に加えて、Jetpackにはアーカイブページの無限スクロールを有効にするオプションが付属しています。 通常のページネーション、[さらに読み込む]ボタン、または無限スクロールから選択できます。 特別なカスタマイズオプションはありませんが、効果的に作業を完了できます。

無限スクロールに加えて、Jetpackは、サイトのセキュリティ、パフォーマンス、デザイン、およびマーケティングを支援する優れたツールです。 それを最大限に活用する方法の詳細については、WordPress用の完全なJetpackガイドをご覧ください。

特徴

  • WordPressのすべてのニーズに応えるオールインワンプラグイン
  • ページネーション、[さらに読み込む]ボタン、および無限スクロールから選択するオプションを備えた無限スクロール
  • サイトを継続的に監視することでセキュリティを強化します
  • サイトアクセラレータと画像の遅延読み込みによるパフォーマンスの向上
  • 合理化されたパブリッシングエクスペリエンスで魅力的なコンテンツを作成する
  • コンテンツのリーチを拡大するための共有オプション
  • コメントを介して訪問者とのディスカッションを可能にする
  • サイトのトラフィックを監視し、検索エンジンの結果の可視性を最大化するための分析

価格設定

Jetpackはフリーミアムプラグインです。 無料版にはすべてのコア機能が含まれており、ほとんどのサイトで十分な場合があります。 上級ユーザーの場合、プレミアムプランは、年払いの場合、月額9.95米ドルから始まります。 さらに、30日間の返金保証を提供します。

5.WooCommerce用にさらに多くの製品をロードする

WordPress用のWooCommerceプラグイン用のその他の製品をロードする

Load More Products by BeRocketは、WooCommerce専用の無限スクロールに最適なプラグインの1つです。 このツールは、いくつかのカスタマイズオプションとともにすべてのコア機能をカバーしています。 これはWooCommerce専用のプラグインであるため、WordPressのブログやその他のページでは機能しないことに注意してください。

このプラグインを使用すると、ナビゲーションモードをページネーション、[さらに読み込む]ボタン、または無限スクロールのいずれかに設定できます。 モバイルデバイスのさまざまなナビゲーションスタイルを選択し、ページごとの製品を制限し、独自のローダーアイコンを設定します。 さらに、表示されるページごとにURLが更新されますが、オプトアウトすることもできます。

カスタマイズオプションを使用すると、[さらに読み込む]ボタンを完全にパーソナライズし、[前に読み込む]ボタンを追加して前のページに戻ることができます。 ページの最後にカスタムメッセージを追加したり、読み込みテキストを変更したりすることもできます。 さらに、JavaScriptフックとカスタムCSSを追加して、さらにスタイルを設定できます。

最後に、 Load More Productsは、画像とサムネイルの遅延読み込みも備えています。 遅延読み込みとは、ページの読み込みではなく、ユーザーがその画像に到達したときにのみ画像が読み込まれることを意味します。 これにより、ページの読み込み時間が短縮され、ユーザーエクスペリエンス、SEO、サイトの速度が向上します。 サイト全体またはモバイルデバイスでのみ遅延読み込みを有効にできます。

特徴

  • ページネーション、さらにロード、および無限スクロールオプションから選択します
  • モバイルデバイス用にさまざまなナビゲーション方法を選択する
  • カスタマイズ可能な[さらに読み込む]ボタン、画像、テキストを読み込む
  • カスタムコーディングを追加するJavaScriptフック
  • 40以上のアニメーションを含む画像とサムネイルの遅延読み込み
  • コンテンツの最後に到達したときのユーザーへのカスタムメッセージ

価格設定

Load More Products for WooCommerceには、無料バージョンと有料バージョンの両方があります。 無料版には基本的な機能が含まれています。 高度なカスタマイズオプションについては、単一サイトで34米ドルから始まるプレミアムプランを入手できます。 すべてのプレミアムプランには30日間の返金保証が含まれているため、製品に満足できない場合は返金を受けることができます。

6.WooCommerceの無限スクロールとAJAXページ付け

WordPress用のWooCommerceInfiniteScrollおよびAJAXPaginationプラグイン

WooCommerce InfiniteScrollとAJAXPaginationは、WooCommerce用に開発された最高の無限スクロールプラグインの1つです。 このツールを使用すると、AJAXページ付け、[さらに読み込む]ボタン、およびナビゲーション用の無限スクロールから選択できます。 さらに、デスクトップデバイスとモバイルデバイスで異なるナビゲーション方法を選択できます。

無限スクロールとは別に、このプラグインはWooCommerceサムネイルの遅延読み込みも備えています。 このように、サムネイルはユーザーが下にスクロールしたときにのみ読み込まれ、ページの読み込みでは読み込まれません。これにより、サーバーリソースを節約し、サイトの速度を向上させることができます。

このツールは最小限のセットアップで済み、操作が簡単な非常に最小限のインターフェースを提供します。 最後に、カスタマーサポートは素晴らしいので、何か問題に遭遇した場合、あなたは速くて役に立つ答えを得るでしょう。

特徴

  • 3つのページ付け方法が付属しています：AJAXページ付け、さらにボタンを読み込む、無限スクロール
  • モバイルデバイスに異なるページングタイプを設定する機能
  • WooCommerceサムネイルの遅延読み込み
  • ページあたりの商品の制限、プレースホルダー画像、アニメーションの変更など
  • 優れたカスタマーサポート

価格設定

WooCommerce Infinite Scroll and Paginationは、17米ドルと6か月のサポートで入手できるプレミアムプラグインです。 追加のサポートが必要な場合は、10.50米ドルの追加料金で12か月に延長できます。

7.アニメーションの無限スクロール

WordPress用のアニメーション化された無限スクロールプラグイン

Animated Infinite Scrollは、 Sbthemesによって開発された優れたプラグインです。 これは、WordPressサイトだけでなく、WooCommerce、BuddyPressなどのプラットフォームともシームレスに連携する汎用ツールです。

3つのページング方法（AJAXページ付け、[さらに読み込む]ボタン、および無限スクロール）を提供し、モバイルデバイスに適した方法を選択できます。 さらに、プラグインは無制限のページで機能するため、上限に達することを心配する必要はありません。

カスタマイズの面では、 Animated Infinite Scrollは、130を超えるアニメーションスタイルとともに複数のカスタマイズオプションを提供します。 また、カスタムテーマを操作するためのカスタムセレクターオプションを取得し、ローダーボタンにカスタムクラスを追加して、そのスタイルをカスタマイズすることもできます。

最後に、このプラグインはすっきりとしたインターフェースを提供し、セットアップが非常に簡単で、優れたカスタマーサポートを提供します。

特徴

  • 3つのナビゲーション方法：AJAXページ付け、さらに読み込む、無限スクロール
  • モバイルデバイス用に別のページング方法を選択する
  • 無制限のページで動作します
  • 130以上のアニメーションスタイル
  • スタイリング用のカスタムクラスをローダーボタンに追加します
  • WooCommerce、BuddyPress、およびその他のプラットフォームで動作します
  • 優れたカスタマーサポート

価格設定

Animated Infinite Scrollは、Envatoマーケットで6か月のサポート付きで15米ドルで入手できるプレミアムプラグインです。 このサポートを12か月に延長して、8.75米ドルを追加することもできます。

結論

全体として、無限スクロールは、特にモバイルやその他のタッチスクリーンデバイスの場合、より直感的なブラウジングでサイトのユーザーエクスペリエンスを向上させる優れた方法です。

ユーザーがスクロールするとコンテンツが自動的に読み込まれるため、コンテンツのエンゲージメントが維持され、その結果、ユーザーはサイトに長く留まります。 より高いユーザーエンゲージメントとより良いユーザーエクスペリエンスにより、バウンス率が低下し、サイトのSEOが向上します。

この記事では、WordPressの無限スクロールに最適なプラグインのリストを共有しました。 しかし、これらのうちどれがあなたに最適ですか？ この質問への答えは非常に主観的であり、それは自分自身の要件と好みに要約されます。

私たちの推奨事項

AJAX Load Moreは、リストにある無限スクロールに最適なプラグインの1つです。 独自のショートコードを作成してサイトのどこにでも配置できるようにすることで、完全な自由が得られます。 技術的な知識があまりないユーザーは、セットアップが難しい場合があることに注意してください。 その場合は、ステップバイステップガイドを確認して、AJAX LoadMoreを使用して無限スクロールを設定することをお勧めします。

一方、すぐに使用できて作業を完了するプラグインが必要な場合は、 Catch InfiniteScrollingが最善の策です。 事前設定されており、ワンクリックで設定できます。 YITH Infinite Scrollingは、シンプルでありながら機能が豊富なプラグインであり、より多くのカスタマイズオプションを提供するため、優れた選択肢となっています。

または、専用のWooCommerceプラグインが必要な場合は、BeRocketによるWooCommerceの製品をさらにロードすることを選択します。 この機能満載のツールは、WooCommerceストア向けに特別に構築されており、売り上げを伸ばすのに役立ちます。

最後に、 Jetpack by Automatticは、WordPressのほとんどのニーズに対応するオールインワンプラグインです。 サイトのパフォーマンスとセキュリティを管理し、同時に無限スクロールを追加できるツールを探している場合は、Jetpackがプラグインです。

WordPress / WooCommerceサイトで無限スクロールを設定したことがありますか？ どのプラグインを使用しましたか？ どのツールを含める必要がありますか？ 以下のコメントでお知らせください。