WordPress向けの5つの最高のスライダープラグイン – パフォーマンス+品質(比較)

あなたは完璧なウェブサイトを作るのに何時間も費やしたのに、美しい画像スライダーがページの読み込み速度を低下させるのを見るだけでした。何百もの遅いサイトを修正してきた私たちは、単一のプラグインがあなたの最適化作業をすべて無駄にするのがどれほどイライラするかを知っています。

ダイナミックなデザインと高速なユーザーエクスペリエンスのどちらかを選択する必要はありません。広範なテストの後、どちらも妥協する必要はないと自信を持って言えます。

私たちのチームは、パフォーマンス、機能、使いやすさに焦点を当て、実際のテストサイトで最も人気のあるスライダープラグインをインストールしてベンチマークしました。私たちは、通常の肥大化なしに印象的なビジュアルを提供するツールを見つけたいと思いました。

これらは、他とは一線を画した5つのプラグインです。これらは、素早く読み込まれ、どのデバイスでも見栄えの良い、見事なスライダーを作成するのに役立ちます。

ベストWordPressスライダープラグイン

お急ぎの場合は、まずおすすめのものをいくつかご覧になってから決定してください。

#プラグイン最適価格
🥇Soliloquyオールインワンソリューション 19.50ドル/年 + 無料
🥈Envira Gallery画像スライダーの作成$39.50/年 + 無料
🥉MetaSliderEコマース製品、動画、投稿のスライダー$39.50/年 + 無料
4Smart Sliderインタラクティブなスライダーの作成$49(買い切り)+無料
5Master Slider見栄えの良いスライダーを作成する$34/年 + 無料

WordPressスライダープラグインのテストとレビュー方法

このショーケースのプラグインを選択する際に、各ツールをテストサイトにインストールして、長所、短所、および機能を調査しました。これにより、最高のWordPressスライダープラグインのみを推奨することができました。

優れたWordPress スライダープラグインは、これらの機能のバランスを提供する必要があることがわかりました。

  • 使いやすさ – ユーザーフレンドリーなプラグインインターフェースは非常に重要です。最高のスライダープラグインは、簡単なスライド作成のためのビジュアルエディターを備えたドラッグ&ドロップビルダーを提供します。
  • レスポンシブ対応 – プラグインは完全にレスポンシブなデザインを提供し、スライダーがデスクトップ、タブレット、モバイルデバイスに簡単に適応するようにする必要があります。
  • カスタマイズ性 – プラグインには、特に探しているカスタマイズオプションが必要です。たとえば、プラグインにトランジションエフェクト、特定のフォントオプション、カスタムアニメーション、スライダーテンプレートなどを提供してほしい場合があります。
  • パフォーマンス – 理想的には、プラグインは高速で、ウェブサイトのページ読み込み時間に影響を与えないはずです。これにより、サイトは高速で SEOフレンドリー になります。
  • さまざまなメディアタイプのサポートtestimonial またはビデオスライダーを作成したい場合は、プラグインが画像以外のメディアファイルもサポートしていると最良です。

これらすべてを考慮すると、WordPress ブログまたはサイトに最適なスライダープラグインは、特定の要件、技術スキル、および予算によって異なります。

したがって、興味を引かれたプラグインをテストして、ニーズに合ったソリューションかどうかを確認することをお勧めします。幸いなことに、このリストにあるすべてのプラグインには無料バージョンも用意されているため、料金を支払うことなくテストできます。

また、どのプラグインを選択しても、アップロードする前に常にウェブ用に画像を最適化する必要があることを覚えておくことが重要です。画像を圧縮することは、スライダーを高速に保つためにできる最善のことです!

WPBeginnerを信頼する理由

WPBeginnerは、WordPress、ウェブデザイン、SEO、オンラインマーケティングなどの分野で長年の経験を持つ専門家チームを擁しています。当サイトは長年にわたり、WordPressコミュニティで信頼されるリソースとなっています。

スライダーのような適切なプラグインを選択することは大きな違いを生む可能性があり、選択肢がどれほど圧倒的であるかはわかっています。

私たちはこれらのプラグインについて読むだけでなく、実際にテストサイトにインストールしてテストし(この記事で見られる速度テストで実施したように)、多様なウェブサイトポートフォリオ全体で多くのプラグインを使用しています。

私たちのチームは、あなたがWordPressで成功するのを支援することに情熱を注いでおり、それは本当にあなたのウェブサイトに利益をもたらすと信じているツールのみを推奨することを意味します。詳細については、編集プロセスをご覧ください。

さて、最高のWordPressスライダープラグインの専門家による選択を見てみましょう。

1. Soliloquy

Soliloquyのホームページ

私たちが試したすべてのWordPressスライダープラグインの中で、Soliloquyが最も高速で初心者向けのオプションです。

プラグインの速度をテストするために、各スライダープラグインをデモWordPressサイトにインストールしました。同じ画像をアップロードしてスライダーを作成し、他の設定は変更せず、空白のWordPressページにスライダーを埋め込みました。

その後、Pingdomのスピードテストツールを使用してテストを実行しました。結果は以下の通りです。

スライダープラグインページの読み込み時間リクエストページサイズ
Soliloquy860 ms22679 KB
MetaSlider863 ms25229 KB
Smart Slider 3865 ms19382 KB
Envira Gallery899 ms18896 KB
Master Slider900 ms22345 KB
SeedProd1030 ms19349 KB

上記のスコアで見られるように、Soliloquyは私たちのテストで最も高速に読み込まれるWordPressスライダーでした。信じられないほどよく最適化されており、新しい画像や機能を追加しても、全体のページ読み込み時間への影響はほとんどありません。

Soliloquy には、スライダーを作成するための簡単なドラッグ&ドロップユーザーインターフェースも付属しています。その後、スライダーテンプレートを変更したり、画像のサイズを変更したり、トランジションの持続時間を調整したりできます。

コードの知識があれば、カスタムCSSを使用してスライダーをさらにカスタマイズすることもできます。

Soliloquyのプラグインインターフェース

Soliloquyのメリット:

  • WordPressウェブサイトを遅くすることを心配せずに、さまざまな種類のスライダーを作成できることがわかりました。
  • すぐに使えるモバイルフレンドリースライダー。モバイルおよびタブレットデバイスでのタッチスワイプに対応しています。
  • テスト中に、メディアライブラリの画像に加えて、WooCommerce 製品、Instagram 写真、PDF、および投稿/ページ/カスタム投稿タイプを使用してスライダーを作成できることがわかりました。
  • スライダーをWordPressの投稿やページに埋め込むための複数の方法:ショートコード、Gutenbergエディターブロック、古いクラシックエディター用のボタン、ウィジェット。
  • 動的なコンテンツサポート、ライトボックス、右クリック保護、サムネイルナビゲーションなどの高度な機能を有効にするためのさまざまなアドオン。

Soliloquyの短所:

  • 無料プラグインは、シンプルな画像スライドショーを作成するのに十分なだけです。そのため、機能の可能性を最大限に引き出すためにプレミアムバージョンを取得することをお勧めします。

価格設定:無料プラグインが利用可能です。プレミアムプランは、1つのウェブサイトで無制限のスライダーを作成するために年間19.50ドルから始まり、1年間のサポートとアップデートが含まれます。Soliloquy クーポンコードを使用して、購入時に10%割引を受けることができます。

Soliloquyを選んだ理由: Soliloquyは、ウェブサイトの速度に悪影響を与えることなく、ウェブサイトに素晴らしいスライダーを追加できるため気に入っています。これらのスライダーは、使いやすいコントロールも備えています。写真やその他の画像中心のウェブサイトを運営している場合は、Soliloquyへの投資は良い考えです。さらに、プレミアムプランは非常に手頃な価格です。

2. Envira Gallery

Envira Gallery

画像用のWordPressスライダープラグインをお探しなら、Envira Galleryをご覧ください。このギャラリープラグインには、ライトボックスギャラリーを美しいスライドショーに変換できるSlideshow Add-onが付属しています。

通常のライトボックスギャラリーで複数の写真を表示できる点が気に入っています。ユーザーがそのギャラリー内の画像をクリックすると、スライダーを使って異なる写真間を移動できます。

Enviraギャラリーのスライドショーの例

スライドショーアドオンは、使いやすさと汎用性で私たちを感動させました。自動再生、一時停止機能、スライドショー速度の設定を迅速に構成でき、特定の要件に合わせてエクスペリエンスをカスタマイズできました。詳細については、Envira Galleryのレビューをご覧ください。

Envira Gallery は、いくつかのギャラリーレイアウトから選択できます。画像がいくつあるかに基づいてギャラリーのレイアウトが即座に調整されるように、自動レイアウトを選択できます。あるいは、正方形レイアウトはソーシャルメディアの写真フィードを模倣できます。

それに加えて、ギャラリーがウェブページに重みをかけないように、遅延読み込みを有効にすることができます。これにより、安定した高速なパフォーマンスを維持し、ウェブサイトがSEOフレンドリーであることを確認できます。

Envira Galleryのメリット:

  • ライトボックスギャラリーを画像スライダーに変換する使いやすいスライドショーアドオン。
  • すぐに使える美しいギャラリーレイアウト。
  • ウェブページの読み込み速度を低下させない、プラグインの遅延読み込み機能は非常に気に入りました。
  • ギャラリーのカスタム寸法を設定するなど、スライドショーがスマートフォン画面で見栄え良く表示されるようにするためのモバイル固有の設定。
  • 調査した結果、Envira Gallery の右クリック保護機能により、不正なユーザーが許可なく画像を保存できないことが確認されました。

Envira Galleryのデメリット:

  • スライドショーアドオンは画像のみをサポートします。

価格設定: 無料プラグインが利用可能ですが、スライドショーアドオンを使用するには、ベーシックプラン(年間 $39.50)以上を購入する必要があります。当社のEnvira Galleryクーポンを使用して、購入時に10%割引を受けることができます。

Envira Gallery を選んだ理由:Envira Gallery は、私たちが試した中で最も美しい画像ギャラリープラグインの 1 つであり、このリストに掲載しない理由はありませんでした。ウェブサイト用に見た目が良く、かつ速度最適化された画像スライドショーを作成したい場合に最適なオプションです。

3. MetaSlider

MetaSlider のホームページ

MetaSlider は、市場で最も人気のある WordPress スライダープラグインの 1 つです。Vimeo や NASA など、多くの有名な企業がウェブサイトで高速で完全にレスポンシブなスライダーを作成するために使用しています。

私たちの評価では、無料バージョンが基本的な画像スライダーの作成に適していることが確認されました。ドラッグ&ドロップビルダーを使用すると、メディアライブラリまたはUnsplash(無料ストックフォトライブラリ)から画像を使用して、スライドショーまたはカルーセルを作成できます。

ライブプレビューにより、スライダーが公開されたときにどのように見えるかを簡単に確認できます。

ただし、真のパワーはProバージョンにあります。MetaSlider Proは、画像、ビデオ、投稿、eコマース製品、さらにはHTMLなど、さまざまな種類のコンテンツをスライドにサポートします。

さらに、MetaSlider はスライドを非表示にしたり、モバイルで表示されるときに異なるスライドを表示したりできます。その結果、小さな画面サイズで見栄えの良いスライドを表示できます。

MetaSliderのメリット:

  • WordPressメディアライブラリやUnsplashと連携する、ライブプレビュー付きのユーザーフレンドリーなドラッグ&ドロップビルダー。
  • 画像から製品、HTMLまで、さまざまな種類のスライドコンテンツのサポート。
  • モバイル表示用にスライドを調整する設定、例えばスライドを非表示にする、またはモバイルで異なるスライドを使用するなど、特に感銘を受けました。
  • 複数のプロフェッショナルなスライダーレイアウトを提供している点も気に入りました。
  • 特定の日付のみスライダーを表示するスケジュール機能。これは、特別なセールや季節限定のプロモーションを紹介したいオンラインストアに便利です。

MetaSlider のデメリット:

  • Soliloquyと同様に、そのすべての機能を利用するにはProバージョンが必要です。

価格設定: 無料プラグインが利用可能です。プレミアムプランは、1サイトライセンスあたり年間 $39.50 から始まります。

MetaSlider を選んだ理由: この WordPress スライダープラグインは Soliloquy より少し高価ですが、すべてのデバイスで見栄えの良いさまざまな種類の非画像スライダーを作成したい人に最適であることがわかりました。

4. Smart Slider 3

Smart Slider 3 のホームページ

画像を表示する以上のことができるスライダーを作成したいですか? Smart Slider 3 は、テキスト、ボタン、アニメーションを備えたインタラクティブなレイヤーを作成するのに最適で、スライダーをミニプレゼンテーションに変えます。

このWordPressスライダープラグインを調査した際、画像、テキスト、動画、ボタンなどをサポートする11個の無料スライダーが付属していることに気づきました。各コンテンツ要素を互いに重ねることもできます。これは、WordPressで画像の上にテキストを追加するようなもので、WordPressでプレゼンテーションを作成するための優れたツールになります。

詳細については、このSmart Sliderレビューを詳しくご覧ください。

Smart Sliderは、ユーザーがスライドコンテンツを単に閲覧するだけでなく、操作してもらいたい場合に最適な選択肢です。たとえば、ボタンをクリックして投稿を読んだり、製品を確認したりできます。

ユーザーインターフェース自体は、リストにある他のオプションとはかなり異なります。編集画面は写真編集ソフトのように見えるため、最初は初心者にとって威圧感を与える可能性があります。しかし、慣れてしまえば、非常に分かりやすいです。

Smart Slider 3のメリット:

  • フル幅スライダーからサムネイルナビゲーション付きスライダーまで、プロのスライダーレイアウトが無料プラグインで利用可能です。
  • スライド上で要素を積み重ねるレイヤリング機能が気に入りました。
  • YouTubeやFacebookなどの外部ソースからコンテンツを取得できる動的コンテンツサポート。
  • スライダーをより目を引くようにする高度なパララックスエフェクト。

Smart Slider 3のデメリット:

  • 豊富なカスタマイズ設定と写真編集のようなユーザーエクスペリエンスは、完全な初心者には圧倒される可能性があります。

価格設定: 無料プラグインが利用可能です。プレミアムプランは、1サイトライセンスの買い切りで49ドルから始まります。

Smart Slider 3を選んだ理由: その強力さと買い切り型の支払いシステムを考慮すると、このWordPressスライダープラグインは非常にコストパフォーマンスが高いと言えます。インターフェースは最初は intimidating に見えるかもしれませんが、少し練習すれば慣れることができます。

5. Master Slider

Master Slider のホームページ

最後になりましたが、フリーミアムのWordPressスライダープラグインであるMaster Sliderをご紹介します。リストにある他の多くのオプションと同様に、スライドコンテンツを並べ替えるためのドラッグアンドドロップインターフェイスが付属しています。

テスト中、無料バージョンは画像のみをサポートしていることに気づきましたが、スライダーコントロールボタン(矢印、タブ、または箇条書きなど)を選択してデザインをパーソナライズできます。また、スライダーを高速化するためのキャッシュとスマートプリローディングが組み込まれています。

一方、Proバージョンには、フル幅レイアウトやフルスクリーンレイアウト、カスタムスライダーテンプレート、ツールチップ、さらにはスライド ビデオ背景 機能など、より多くの機能が含まれています。最後の機能は、訪問者がページにアクセスしたときに強い第一印象を与えるのに最適な方法です。

Master Sliderの長所:

  • スライダーコンテンツを移動するための簡単なドラッグ&ドロップビルダー。
  • キャッシュやプリロードなどの速度最適化機能。
  • 90以上のプレミアムスライダー、プレミアムトランジション、スライドビデオ背景、ツールチップなど、スライダーを正確に好みに合わせてカスタマイズするための包括的なPro機能セット。
  • WooCommerce、Facebook、Flickr、YouTube、およびVimeoからのスライダーをサポートします。

Master Slider の欠点:

  • プラグインがWordPress.orgリポジトリでのレビューや評価を頻繁に求めるという苦情が一部のユーザーから寄せられているため、これは留意すべき点です。

価格設定: 無料プラグインが利用可能です。有料版は34ドルから始まります。このライセンスにより、単一のウェブサイトでプラグインを使用できます。これは、ご自身のビジネスサイトや、クライアントのために構築しているウェブサイトに最適です。

Master Sliderを選んだ理由: このWordPressスライダープラグインをリストに掲載することにしたのは、スライドビデオの背景やツールチップなど、他のプラグインではあまり一般的ではない独自のPro機能のためです。

免責事項: この記事では、Slide Anything、Slider Revolution、Post Slider and Post Carousel、PickPlugins Product Slider for WooCommerce、Ultimate Responsive Image Sliderなど、他のプラグインもテストしました。ただし、選択肢が多すぎて迷わないように、このまとめには最高のオプションのみを含めました。

ボーナス:SeedProdを使用してスライダー付きランディングページを構築する

スライダープラグインを使用すると、スライダーのデザインをページ全体の見た目に合わせるのが難しい場合があります。この場合、SeedProdのようなスライダー要素を備えたWordPressページビルダーの使用をお勧めします。

SeedProdは、使いやすい画像カルーセルブロックを備えたWordPressのページビルダーです。これは、ランディングページやウェブサイトのカスタムページにスライダーを追加したい人に最適なオプションです。ページビルダーを使用することで、スライダーのデザインがページの他の部分とシームレスに一致することを保証できます。

私たちはこのツールを使用して、ウェブサイトに視覚的に魅力的なページを作成することに成功しました。私たちの実践的な経験は、動的なスライダーを追加し、全体的なユーザーエクスペリエンスを向上させる上でのその有効性を確認しています。

SeedProd ウェブサイト&テーマビルダー

SeedProdを使用すると、メディアライブラリまたは組み込みのストックフォト統合から必要なだけ多くの画像を追加できます。その後、ニーズに最も合ったスライダーテンプレートを選択するだけです。

スライドショーのナビゲーションボタンのダークモードまたはライトモード、1つのスライドに表示する画像の数、自動再生の有効化、キャプションの追加なども調整できます。

SeedProd のイメージカルーセルブロック

SeedProdには無料プラグインがありますが、画像カルーセルブロックはプレミアムバージョンでのみ利用可能です。プランは1サイトライセンスで年間39.50ドルからですが、当社のSeedProdクーポンコードを使用すると60%オフで購入できます。SeedProdはWordPressスライダー機能以上のものを提供するため、これは費用対効果の高い代替手段となる可能性があります。

最高のWordPressスライダープラグインとは?

レビューしたすべてのプラグインの中で、Soliloquyはリストの中で最高のWordPressスライダープラグインです。テスト中に、最も高速に動作し、誰でもスライダーを作成できる初心者向けのインターフェースを備えていることがわかりました。

さらに、基本的なスライダー機能を拡張できる多数のアドオンがあります。これにより、必要な機能を選択し、使用しない機能に対処する必要がなくなります。

無料のWordPressスライダープラグインをお探しなら、Smart Slider 3をおすすめします。すぐに使えるプロフェッショナルなスライダーテンプレートが用意されており、編集インターフェースで多くのカスタマイズオプションを試すことができます。

SeedProdもおすすめです。テーマと連携の良い画像スライダープラグインを見つけるのは難しい場合があります。SeedProdにはすでに画像カルーセル機能があるため、互換性の問題を心配する必要はありません。

WordPressスライダーに関するよくある質問

スライダーは人気のデザイン要素ですが、パフォーマンスやベストプラクティスに関する質問がよく寄せられます。ここでは、よくある質問に対する回答を紹介します。

WordPressスライダーはウェブサイトの速度を低下させますか?

低下させる可能性はありますが、そうする必要はありません。コードが不十分または肥大化したスライダープラグインは、ページの読み込み速度が遅くなる一般的な原因です。しかし、Soliloquy のような最適化されたプラグインは、軽量で高速になるように設計されており、パフォーマンスに大きな影響を与えることなくスライダーを使用できます。

ウェブサイトにスライダーを使用すべきですか?

スライダーを使用すべきかどうかは、ウェブサイトの目標によって異なります。複数の画像、製品、またはお客様の声(テスティモニアル)をコンパクトなスペースで表示するのに非常に効果的です。スライダーが重要なコンテンツを明確かつ魅力的に表示するのに役立つのであれば、サイトの良い追加要素となるでしょう。

WordPressスライダー画像の最適なサイズは何ですか?

単一の完璧なサイズはありません。なぜなら、最適なスライダーはレスポンシブであり、さまざまな画面に適応するからです。経験則として、スライダー画像の幅をウェブサイトのメインコンテンツエリアの幅に合わせるのが良いでしょう。

ほとんどのモダンなテーマでは、画像の幅は1200pxから1600pxが安全な範囲です。高さは、一般的に500pxから700pxの間で、見た目の良いアスペクト比を目指してください。ただし、最も重要なのは、すべてのスライダー画像を同じ寸法に保ち、一貫した外観にすることです。

WordPressスライダーは無料で作成できますか?

はい、もちろんです。リストにあるすべてのプラグイン、特にSoliloquyやSmart Slider 3のようなトップピックは、優れた無料バージョンを提供しています。これらは、費用をかけずにシンプルで美しい画像スライダーを作成するのに最適です。

Soliloquy と Smart Slider 3 の違いは何ですか?

Soliloquyは初心者向けの使いやすさと高速なパフォーマンスで知られていますが、Smart Sliderはより高度なカスタマイズオプションとレイヤー機能を提供します。どちらを選ぶかは、特定のニーズとスキルレベルによって異なります。

WordPressスライダーの使用に関する追加リソース

この記事が、最高のWordPressスライダープラグインに関する皆様の疑問にお答えできれば幸いです。WordPressスライダーの使用に関するその他の記事も併せてご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

読者とのインタラクション

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください。こちらが当社の編集プロセスです。

6 CommentsLeave a Reply

  1. WordPressのトップ5のスライダープラグインの、短くも完璧なリストです。ほとんどの場合、多くのサイトで機能の一部が記載されたスライダープラグインのリストしか見つかりません。しかし、ここでは長所と短所を併記した、簡潔なWordPressスライダープラグインのリストを入手しました。最も重要なのは、「なぜこれを選ぶのか」という部分が、プラグインの仕様を理解し、私の要件と好みに合った最適なプラグインを見つけるのに大いに役立ったことです。

  2. 素晴らしいまとめです!
    プラグインを選ぶ上でサイトの表示速度は最優先事項の一つです。スライダーはサイトの読み込み時間を遅くしてしまうことがよくありますからね。
    Pingdomを使って各プラグインのパフォーマンスをテストしてくださったことに大変感謝していますが、Googleの視点での速度最適化を知るためにGoogle PageSpeed Insightsも確認するのが好きです。

    どちらにしても、特にメリット・デメリットや価格設定を網羅した分析は、高速で軽量でありながら高機能なスライダーを選ぶための素晴らしい出発点となります。
    まとめていただきありがとうございます!

  3. スピードを測定していただいた表をありがとうございます。900ミリ秒前後の値は比較的小さく見えるかもしれませんが、Googleサーチコンソールの指標にかなりの影響を与える可能性があります。クライアントのウェブサイトの1つでスライダーを使用したいと思っていましたが、おそらく避けるでしょう。これらのスピードは私にとって素晴らしいです。私の質問に答えてくれた詳細な記事をありがとうございます。

  4. Smart Slider 3を試しましたが、メディアライブラリから画像を追加する方法が見つかりませんでした。何か見落としていますか?

    • 画像スライドを追加したときにメディアライブラリが表示されない場合は、プラグイン自体のエラーがないかサポートに問い合わせることをお勧めします。

      管理者

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。