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

何ですか: スライダー

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

スライダーは、サイトに画像や動画を表示するためのデザイン要素です。スライドショーのように動作し、一度に1つの画像や動画を表示します。コンテンツは数秒後、または訪問者が次のものを表示するためにクリックしたときに変更されます。

多くのWordPressスライダープラグインでは、トップページ、ランディングページ、投稿日など、サイト上の好きな場所にスライダーを設置することができます。

What is Slider
ビジネスやフリーランサーのサイトでは、作品やポートフォリオのショーケースとしてスライダーが使用されているのをよく見かけます。あなたの最も重要なコンテンツを注目を集める方法でアピールするのに最適な方法です。

スライダーは数秒ごとに自動的に画像を変更することもできますし、訪問者がクリックやスワイプで次のスライドを表示させることもできます。

多くのスライダーにはボタン、矢印、サムネイルがあり、訪問者が特定の画像を表示したり、表示内容をコントロールすることができます。ユーザーにより多くのコントロールを与えることで、ページに長く滞在してもらえることがよくあります。

slider example from kohls

スライダーは、スペースを節約し、人目を引くアニメーションとターゲットを絞ったコンテンツで訪問者を引きつけることができます。

スライダーはいつ使うべきか?

スライダーを使用すると、サイトの1つの小さなセクションでストーリーを伝えたり、ビジネスのユニークな特徴を宣伝したりすることが簡単になります。

しかし、目的を意識してスライダーを作成しなければ、読者を悩ませ、カスタマイザーを失うことになります。

サイトはそれぞれ異なるので、あるサイトではうまくいっても、他のサイトではうまくいかないこともあることを覚えておいてください。

スライダーは素晴らしい方法です:

  • 新規: 更新情報の表示
  • 特定のコンテンツを目立たせる
  • 訪問者が素早くオプションを設定できるようにする
  • フォトギャラリーを見せる
  • プロフェッショナルなポートフォリオを表示する
  • 現在のeコマースセールスを紹介する

スライダーの使用を決定する前に、考慮すべき点がいくつかあります。

ほとんどのWordPressスライダーは遅いです。スライダーはjQueryと呼ばれるJavascriptコードを使用します。このコードはスライドを動かすために使用され、それぞれのコードが区切りで読み込まれます。ご想像の通り、これはサイトを遅くし、SEOに影響を与え、コンバージョン率を低下させます。

これは、良いホスティングサービスを使っていない場合に特に当てはまります。そのため、WordPressウェブホスティングのニーズには、BluehostHostGator、またはSiteGroundのような会社を使用することを常にお勧めします。

多くのWordPressスライダーは使い方が難しいです。ほとんどのスライダーはとても複雑なので、初心者は使い方を覚えるのに苦労します。

すべてのWordPressスライダーはモバイルレスポンシブではありません。つまり、レスポンシブWordPressテーマを使っていても、スライダーはスマートフォンやタブレットではきれいに表示されません。サイト全体のレイアウトが崩れてしまう可能性もあります。

では、高速で、使いやすく、モバイル・レスポンシブなスライダー・プラグインを選ぶにはどうすればいいのでしょうか?この投稿を読む必要はありません。私たちはあなたのためにすべて調査しました。WordPressスライダーに関する調査結果は以下の通りです。

最速のWordPressスライダープラグインを見つけ、機能を比較するためにテストを行いました。その後、Pingdomのスピードテストツールを使ってテストを行いました。各スライダープラグインのテスト結果を下の画像でご覧いただけます。

Slider Comparison
ご覧の通り、SoliloquyはWordPressスライダーで最も読み込みが速い。私たちのテストでは、ページのロードサイズを増加させましたが、ページのロードにかかる時間には影響しませんでした。したがって、高速なWordPressスライダーが必要な場合は、Soliloquyはあなたのための最良のプラグインです。

Soliloquy Image

速いだけでなく、Soliloquyは最も初心者に優しいWordPressスライダープラグインです。新しいスライダーを作成し、画像をドラッグ&ドロップするだけです。

Soliloquyスライダープラグインは、画像のリサイズ、スライダーのテーマ、ナビゲーションスタイルの選択など、その他のことはお任せください。ですから、あなたはすべて公開ボタンを押してスライダーを保存するだけです。

また、Soliloquyはモバイルフレンドリーでもあるので、どんな端末や画面サイズでも画像が美しく表示されます。

この投稿がWordPressスライダーについてより詳しく知っていただく一助となれば幸いです。WordPressの便利なヒントやトリック、アイデアについては、関連記事の追加読書リストもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでもご覧いただけます。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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