Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
Smart Sliderは人気の投稿、画像、動画、商品スライダーのプラグインです。パフォーマンスと検索エンジンのために最適化されたモバイルレスポンシブなスライドショーを作成できます。
以前に "スマートスライダー" を使用したことがありますか? コミュニティを支援するために、あなたのレビューを追加してください。

長所だ:

  • レスポンシブ・スライダー・プラグイン
  • コードフリー、ドラッグ&ドロップエディター
  • 180以上のスライダーテンプレート
  • 4つのスライダータイプ
  • SEO機能
  • WordPress投稿やWooCommerce商品を含む32のダイナミックコースに対応
  • ビルトインライトボックス

WPBeginnerユーザーは49ドルから始められます!

スマートスライダー を訪れる

(この割引は自動的に適用されます)

Smart Slider レビュー:それはあなたのための正しいスライダープラグインですか?

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

Smart Sliderのレビューをお探しですか?あなたに合ったスライダープラグインかどうかを判断するのに役立ちます。

このプラグインを使えば、最新のブログ投稿、WooCommerce商品、画像、その他のコンテンツからダイナミックなスライダーを作成することができます。パフォーマンスと検索エンジンのために最適化され、アニメーションとトランジションエフェクトがビルトインされています。

このSmart Sliderのレビューでは、その機能、サポート、価格について詳しく見ていきます。

Smart Slider review: Is it the right slider for your WordPress website?

Smart Sliderレビュー:なぜWordPressで使うのか?

スマートスライダーはモバイルレスポンシブでSEOフレンドリーなスライダーを作成できます。180以上のテンプレートとユーザーフレンドリーなドラッグ&ドロップエディターが付属しています。つまり、コードを一行も書くことなく美しいスライダーを作成できます。

ページビルダーと同様に、Smart Sliderにはライブプレビューがあり、変更を加えながら確認することができます。

The Smart Slider editor

スライドのコンテンツに満足したら、テキストアニメーション、ケン・バーンズ効果、トランジション、視差スクロール、その他の効果を追加して、訪問者の注意を引くことができます。

さらに良いことに、新しいコンテンツを公開すると自動的に更新されるスライダーを作成できます。オンラインストアを運営している場合、Smart Sliderは商品からスライダーを作成し、新しい項目を自動的に追加することもできます。

Creating a product slider for your WooCommerce store

同様に、WordPressの新しい投稿を公開すると自動的に更新される「最新ブログ」スライダーを作成することができます。

最新のデジタルアート、グラフィック、または同様の画像を強調したいですか?それなら、Smart SliderにWordPressフォルダー内の画像からスライダーを作成するよう指示することができます。この指定されたフォルダーに新しい画像を追加するだけで、Smart Sliderが自動的にスライドを更新します。

もしあなたが始めたばかりであったり、予算が限られているのであれば、WordPress.orgからSmart Sliderのライトバージョンをダウンロードすることができます。

The lite version of Smart Slider

この無料のWordPressプラグインにはドラッグ&ドロップエディターが付属しているので、簡単に美しいスライドショーを作成することができます。また、15種類のテンプレートスライダー、9種類の背景アニメーション、WordPressの投稿から動的なスライダーを作成するオプションもあります。

しかし、プレミアムプラグインにアップグレードすると、完全なテンプレートライブラリと、アクションボタン、テキスト、キャプション、トランジション、その他のコンテンツをスライドに追加できる21のレイヤーにアクセスできるようになります。

また、無料プラグインには含まれていないカルーセル、ブロック、ショーケースのスライダータイプにもアクセスできます。

Smart Slider レビュー:それはあなたのための正しいスライダープラグインですか?

スライダーは、画像、動画、製品、お客様の声、その他のコンテンツを強調するのに最適な方法です。アニメーションやトランジションを追加することで、スライダーをより魅力的なものにすることもできます。

とはいえ、Smart SliderがあなたのWordPressサイトに適したスライダープラグインかどうか見てみましょう。

1.4種類のスライダー

Smart Sliderには4つのスライダータイプがあり、スライドショーの見え方や動作をコントロールできます。

手始めに、一度に1つのスライドを表示するSimpleがある。これは、多くのコンテンツで訪問者の気を散らしたくない場合に適した設定です。

An example of a slideshow, created using Smart Slider

次に、カルーセルでは複数のスライドを隣り合わせに表示することができる。

一連の関連投稿、WooCommerce製品、お客様の声、または同様のコンテンツを強調するためにカルーセルスライダーをお勧めします。

An example of a carousel slider, created using Smart Slider

カルーセルと同様に、ショーケースも複数のスライドを隣り合わせに表示します。しかし、ショーケースは真ん中のスライドにしっかりとフォーカスを当て、他のスライドは暗くしたり、半透明にしたり、小さくしたりします。

ショーケースは、高品質のデジタルアートワークを販売している場合や、写真のポートフォリオを運営している場合に特に効果的です。ショーケースは、一度に個別画像を強調することで、あなたの作品をアピールすることができます。

An example of a showcase slider, created using Smart Slider

他のスタイルとは異なり、ブロックには個別スライドが含まれます。これにより、従来のスライダーを作成することなく、スマートスライダーのすべての機能にアクセスすることができます。

とはいえ、BlockはWordPressの美しいヘッダーや カスタムシェイプの区切り文字を作成するのに特に効果的です。

An example of a slider, created using a WordPress slideshow plugin

2.ドラッグ&ドロップエディター

Smart Sliderにはドラッグ&ドロップエディターがあり、美しいスライドショーを素早く作成できます。

How to create a slideshow in your WordPress dashboard

また、定規とガイドラインがあるので、画面上のすべてのスライダー要素のバランス、サイズ、位置を完璧に調整できます。

それ以外にも、エディターには便利なカラーマネジメントツール、ビルトイン画像トリミングツール、レスポンシブ編集、カスタマイズ可能なカラム幅とギャップ設定がある。また、ネストされた行もサポートしているので、より高度なレイアウトも簡単に作成できます。

同じスライドに複数のレイヤーを追加したい場合があります。そんな時に役立つように、Smart Sliderはこれらすべてのレイヤーのリストを表示します。単に編集を開始するには、リスト内の任意の項目をクリックします。

The Smart Slider user-friendly editor

どんな変更を加えても、Smart Sliderはそれをリアルタイムで表示します。これにより、様々な設定、コンテンツ、デザインを試して、最も気に入ったものを確認することができます。

3.180以上のスライダーテンプレート

Smart Sliderにはビルトインテンプレートライブラリがあります。180以上のデザインから選択でき、各テンプレートには複数のスライドとエレメントがあります。

Smart Slider's built-in template library

あなたにぴったりのデザインを見つけるために、Smart Sliderはテンプレートをテーマとカテゴリーに区切っています。例えば、カスタマーポータルを作成するのに最適な「チーム」カテゴリーや、ポジティブなカスタマーレビューを強調できる「お客様の声」カテゴリーがあります。

気に入ったデザインが見つかったら、個別クリックでプロジェクトにインポートし、ドラッグ&ドロップエディターを使って変更を加えることができます。

Importing slide templates into your WordPress website

4.モバイル・レスポンシブ・スライダー

インターネット利用統計によると、モバイルインターネットトラフィックはウェブトラフィック全体の約55%を占めています。このことを念頭に置いて、あなたのスライダーはスマートフォンやタブレットでもデスクトップコンピューターと同じように美しく見える必要があります。

まず始めに、Smart Sliderは初期設定でモバイル・レスポンシブに対応しています。しかし、カスタム・ブレークポイントを設定することでユーザー・エクスペリエンスを向上させたり、モバイル・ユーザーからコンテンツを非表示にすることもできます。

How to create a mobile-responsive slider

スマートスライダーの可視性設定は、小さな画面で不要なコンテンツを非表示にすることで、乱雑さを避ける素晴らしい方法です。さらに一歩進んで、デスクトップとモバイル端末用に完全にユニークなスライダーをデザインすることもできます。

5.パフォーマンスの最適化

サイトの速度を低下させるいくつかのスライダープラグインとは異なり、Smart Sliderはパフォーマンスのために最適化されています。まず始めに、背景とレイヤー画像をWebPフォーマットに変換することができます。また、デスクトップ、タブレット、モバイル用にコンテンツを自動的にリサイズすることもできます。

さらに、Smart Sliderは最適化されたJavaScriptとネイティブCSSクエリーを使用し、ブラウザーにスライダーのCSSとJavaScriptをプリロードするよう指示できるアセットプリロード機能を備えています。

つまり、ページの読み込み速度を気にすることなく、魅力的でインタラクティブなスライダーをサイトに無制限に追加できるのです。

6.SEOに最適化

レイヤーに追加したテキストは、検索エンジンがクロールできます。つまり、キャプションや見出し、似たようなレイヤーを使って、検索エンジンがスライドのコンテンツを理解しやすくすることができます。

Smart Sliderには、各画像レイヤーと背景画像にaltテキストと SEOタイトルを追加できるフィールドもあります。

How to optimize your slideshow for the search engines

これらの機能を使うことで、検索エンジンがあなたのようなコンテンツを探している人にあなたのスライドショーを見せる可能性を高めることができる。

7.24マルチメディアスライダーレイヤー

スライドにもっとコンテンツを追加したいですか?Smart Sliderには24のレイヤーがあり、アニメーション、テキスト、ボタン、キャプション、カウンター、その他のコンテンツを追加できます。

Adding layers to a WordPress slideshow

これにより、各スライドに関する詳細な情報を提供したり、コールトゥアクションを作成したりすることができます。例えば、購入ボタンを追加して、買い物客を商品のページに誘導することができます。

これらのレイヤーは完全にカスタマイズ可能なので、サイズ、色、透明度、位置、カスタムフォントなどを変更できます。

Creating a custom WordPress slide

レイヤーに視差スクロールを使用することもでき、スライドショーをスクロールする際に、特定のコンテンツが訪問者を追いかけるようになります。

8.ダイナミック投稿、商品、動画スライダー

Smart Sliderは、WordPressの投稿、WooCommerceの商品、YouTube、Twitterを含む32の異なるソースからコンテンツを取得し、動的にスライダーを作成することができます。

Adding your latest blog posts to a slider

これにより、スライダーにコンテンツを自動入力することができ、時間と労力を大幅に節約することができます。例えば、Smart Sliderを使ってYouTubeチャンネルの動画をすべてWordPressに追加することができます。さらに、投稿や製品スライダーを作成している場合、Smart Sliderは自動的にこれらのスライドを更新します。

さらに、カテゴリーやタグを使ってコンテンツをフィルターすることもできます。例えば、「ホームウェア」カテゴリーで最新の10商品を表示するスライダーや、「ニュース」タグを持つ最新の投稿を表示するスライダーを作成することができます。

Creating a dynamic slider that updates automatically

このようにして、新しい投稿や商品を公開すると自動的に更新されるキュレーションスライドを作成することができます。

9.フォルダージェネレータからの画像

写真や同様のビジネスのためのオンライン・ポートフォリオを運営していますか?もしSmart Sliderを使って画像を展示しているなら、フォルダーからの画像ジェネレータを使うことをお勧めします。

How to add your images to a WordPress slider automatically

WordPressブログやサイトの任意のフォルダーを選択するだけで、Smart Sliderはそのフォルダー内のすべての画像を使ってスライダーを作成します。

さらにSmart Sliderは、あなたがソース・フォルダーからファイルを追加したり削除したりすると、このスライダーを更新します。つまり、訪問者や潜在顧客は常に最新の画像を見ることができます。

10.24シェイプ区切り

形の区切りは、目を引く変わった方法でコンテンツを整理することができます。サイトの最も重要なコンテンツを強調するために使用することもできます。

スマートスライダーを使えば、スライダーに24の形状の区切りを簡単に追加し、色、幅、高さを変更することができます。さらに一歩進んで、スクロール時に図形をアニメーションさせることもでき、訪問者がページを移動するにつれて大きくなったり小さくなったりするように見せることもできます。

Adding shape dividers to your WordPress blog or website

11.カスタマイズ可能なアニメーション

アニメーションは訪問者の注意を引き、スライダーの最も重要なコンテンツを強調する素晴らしい方法です。

このプラグインを使えば、段落や単語、あるいは個々の文字をアニメーション化することができる。例えば、読者を飽きさせないようにゆっくりと情報を明らかにしたり、期待感を持たせたりすることができます。また、行動喚起や価格情報など、最も重要なテキストをアニメーション化する設定もあります。

Adding animations to a WordPress slider

テキストだけでなく、スライドに「ケン・バーンズ」効果を加えることもできます。特に、静止画像をズームしたりパンしたりして、コンテンツに動画のような雰囲気を与えることができます。

さらに一歩進んで、マウスクリックやスクロールイベントなど、訪問者のアクションに基づいてアニメーションをトリガーすることができます。これにより、より魅力的でインタラクティブな体験を作り出すことができ、スライダーにストーリーを語る要素を加えることもできます。

Smart Sliderでは、個別アニメーションに制限されません。様々なディレイ、デュレーション、オフセット、スケーリングを試して、アニメーションを重ねることができます。

同じスライドに複数のアニメーションを追加する場合、Smart Sliderにはタイムライン機能があります。これはすべてのアニメーションを視覚的に表示するので、各アニメーションのディレイや継続時間を簡単に微調整できます。

12.70以上の背景トランジション

Smart Sliderには70以上の背景アニメーションがあり、スライド間のシームレスで目を引くトランジションを作成できます。

Adding transition animations to your WordPress blog, website, or online store

これには、背景画像を別の画像に変化させるモーフエフェクトが含まれ、意外性と人目を引くようにデザインされています。また、WebGLを使用したディストーションアニメーションもあり、遷移が液体のように見えます。

さらに、Smart Sliderにはパララックススイッチングアニメーションがあり、スライド間のトランジションに使用することができます。正しく使用すれば、これらのトランジションは、特に長いスライドショーの場合、訪問者を引きつける強力な方法です。

13.ビルトインライトボックス

スライダー内に画像や動画を大きく表示したい場合もあります。

その場合、Smart Sliderはこのコンテンツをページや投稿の上に表示されるライトボックスポップアップに表示することができます。

How to add a lightbox to your WordPress blog or website

同時に、Smart Sliderはページの他の部分を暗くするので、訪問者はあなたのライトボックスだけを見ることができます。これは画像や動画を邪魔することなく表示するのに理想的です。

Smart Sliderでライトボックスを作成するのは簡単です。まず、ライトボックスに表示したい画像や動画を選択するだけです。

How to create a lighbox popup for your WordPress images and videos

すべてのスライドに背景画像がある場合は、「ライトボックスの背景」機能を使って、それらの画像から自動的にライトボックスを作成できます。自動再生も有効化できるので、訪問者はライトボックスを操作することなく、すべての画像や動画を見ることができます。

さらに、どのレイヤーからでもライトボックスをトリガーすることができます。例えば、訪問者がレイヤーの「フルスクリーン表示」ボタンをクリックすると、ライトボックスが開きます。このようにして、ユニークで魅力的なライトボックス体験を訪問者に提供することができます。

14.カスタマイズ可能なスライダーコントロール

訪問者は、スライドショーのすべてのスライドを探索する方法が必要です。そのため、矢印、箇条書き、サムネイルなど、さまざまなコントロールを追加できます。

How to add controls to your WordPress galleries and slideshows

これらのコントロールはすべてカスタマイズ可能なので、WordPressテーマに合わせて色や位置などを変更することができます。

また、マウスやタッチ操作、キーボードを使ってスライドを切り替えることもできる。

15.ページビルダーとの互換性

WordPressサイトでページビルダーを使っていますか?

Smart SliderはElementorDivi、Brizyを含む多くの人気ページビルダーとシームレスに統合します。例えば、独自のElementorウィジェットを持っているので、Elementorページビルダー内でスライドを作成できます。

16.輸出入

複数のブログ、サイト、オンラインマーケットで同じスライダーを使用したい場合があります。例えば、あなたが所有するすべてのサイトで同じ会社概要スライドショーを使用することができます。

その場合、個々のスライダーを.ss3ファイルとしてエクスポートできます。

Exporting sliders from your WordPress blog or website

また、複数のスライダーをZIPファイルとしてエクスポートすることもできます。

どのオプションを設定しても、Smart Sliderをインストールしたサイトにスライダーをインポートすることができます。

Exporting multiple sliders from your WordPress blog, website, or online marketplace

フリーランスのWordPressデザイナー、または開発会社を経営されていますか?その場合、この機能を使って、通常スライダーで使用するコア設定、ブランディング、スタイルをすべて備えたテンプレートを作成することができます。

その後、このテンプレートを他のサイトにインポートし、出発点として使用することができます。

17.地域社会と専門家の支援

Smart Sliderを使えば、個別コードを一行も書くことなく、モバイルレスポンシブで検索エンジンに最適化されたスライダーを作成することができます。しかし、時には特別なサポートが必要な場合や、質問がある場合もあります。

もし自分で調べたいのであれば、Smart Sliderには詳細なオンライン・ドキュメンテーションがあります。ここでは、Smart Sliderのインストールや有効化の方法から、より高度な機能についての詳細なチュートリアルまで、すべてをカバーするガイドを見つけることができます。

An example of online documentation

また、Smart Sliderブログもあり、そこではデザインと開発者のトピックをすべてカバーしています。最大のデザイントレンドに加え、専門家による人工知能ツールのピックアップや、インスピレーションとして使える実際のスライダーの数々も含まれています。

一対一のサポートをご希望ですか?プレミアムプラグインにアップグレードすれば、プロのサポートを受けることができます。

サポートリクエストを送信する際は、可能な限り多くの情報を記載することをお勧めします。そうすることで、サポートチームがあなたの問題を理解しやすくなり、より迅速に問題を解決することができます。このトピックの詳細については、WordPressのサポートを正しく依頼し、サポートを受ける方法についてのガイドをご覧ください。

Smart Slider レビュー:価格とプラン

もし始めたばかりであったり、予算が限られているのであれば、WordPress.orgからSmart Sliderのライトバージョンをダウンロードすることができます。このプラグインには、ドラッグ&ドロップエディター、2つのスライダータイプ、6つのレイヤー、14のスライダーテンプレートが付属しています。

追加のレイヤー、テンプレート、スライダータイプのロックを解除したい場合は、プレミアムプラグインにアップグレードする必要があります。

Smart Slider's various pricing and plans

選べるプランは2つ:

  • スタンダード。 価格は49ドルで、26種類のレイヤー、180種類以上のテンプレート、4種類のスライダーが含まれています。さらに、あなたのスライドにアニメーションやトランジションエフェクトを追加して、本当に目立たせることができます。Standardプランは個別サイトに限定されているので、WordPressブログ、ウェブサイト、オンラインストアを1つ運営している場合に良い設定です。
  • プレミアム。99 ドル (3 サイト) から 249 ドル (10 サイト) までの価格で、このプランはいくつかの異なるサイトを運営する人向けに設計されています。プレミアムプランにいくらお支払いいただいても、優先サポートをご利用いただけます。優先サポートにより、必要なサポートを迅速に受けることができ、プロジェクトを軌道に乗せることができます。

Smart Slider レビュー:それはあなたのための正しいスライダープラグインですか?

機能、サポート、価格を見て、Smart Sliderは素晴らしいスライドショープラグインだと確信しました。ビジュアルエディターと幅広いレイヤーがあり、スライドにドロップするだけで、目を引くエフェクトをすべて作成できます。

また、モバイル・レスポンシブでパフォーマンスも最適化されているため、訪問者がどの端末を使用していても、スライダーは美しく表示され、正しく機能します。

さらに、Smart Sliderは投稿、WooCommerce商品、画像を自動的に取り込むことができます。つまり、訪問者は常にあなたの最新のコンテンツを見ることができます。

このSmart Sliderのレビューが、あなたに合ったスライダープラグインかどうかを判断するのにお役に立てば幸いです。次に、最高のウェブデザイン・ソフトウェアの選び方についてのガイドをご覧になるか、専門家が選んだ最高のランディングページ・プラグインをご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerユーザーは49ドルから始められます!

究極のWordPressツールキット

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

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Reader Interactions

1件のユーザーレビューレビューを追加する

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

レビューを書く

レビューをお寄せいただきありがとうございます。すべてのレビューは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスは公開されませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

あなたの評価: