WordPressで動画スライダーを作成する方法（簡単チュートリアル）

読者からよくいただく質問のひとつに、WordPressサイトに動画スライダーを追加する方法があります。

直帰率が高いということは、あなたのサイトが退屈だったり、デザインが悪かったりするのかもしれません。動画スライダーは、あなたのサイトのトップページやその他のページに活気を与え、訪問者の注目を集める良い方法です。

この投稿では、WordPressで簡単に動画スライダーを作成する方法をご紹介します。

なぜWordPressで動画スライダーを使うのか？

WordPressユーザーの多くは、サイトを目立たせ、訪問者を夢中にさせることに苦労しています。そこで役立つのが動画スライダーです。

WordPressサイトをより魅力的なものにするためには、画像もいいですが、動画がより効果的です。第一印象は重要であり、訪問者があなたの製品やサービスをチェックするために留まるか、それとも二度と戻ってこないかの分かれ目となります。

さらに、動画を使って製品のデモンストレーションやレビュー、その他のプロモーションコンテンツを紹介することもできます。

例えば、不動産サイトでは物件のバーチャル・ウォークスルーを見せることができる。旅行サイトでは、おすすめのホテルや旅行先、クールなツアー体験などを表示して、潜在顧客の関心を引くことができる。

動画スライダーとは、静止画像ではなく動画のみを含むスライダーです。

動画スライダーをビジネスに活用する方法をいくつかご紹介します：

• 幸せなカスタマーの短い声を掲載した専用のスライダーを作成する。
• 詳細なケーススタディの動画を共有する。
• 製品やサービスのレビューを表示する
• さまざまな製品の特徴と、それがどのように機能するかを実演する。

ということで、WordPressで動画スライダーを簡単に作成し、視聴者を惹きつける方法を説明しよう。

WordPressサイトに動画スライダーを追加する

サイトに動画スライダーを追加する最も簡単な方法は、プラグインを使用することです。

Soliloquyをお勧めする理由は、市場で最高のWordPressスライダープラグインだからです。ほとんどのWordPressスライダープラグインはあなたのサイトを遅くしますが、Soliloquyは超高速で、あなたのページのロード時間を損なうことはありません。

さらに、SoliloquyはYouTube、Vimeo、Wistiaをサポートしているので、すでに公開されている動画ならURLを入力するだけでOK。

モバイル・レスポンシブ対応なので、あらゆる端末や画面サイズに対応したスライドを作成できます。最後に、複数のスライドタイプを使用できるので、動画、画像、コンテンツも追加できます。

最初に行う必要があるのは、Soliloquyプラグインをインストールして有効化することです。インストールの詳細については、WordPressプラグインのインストール方法の投稿をご覧ください。

有効化したら、Soliloquy ” Add Newにアクセスするだけです。

次に、新しい動画スライダーにタイトルを付ける必要があります。そして、「他のソースからファイルを選択する」というボタンをクリックします。

Soliloquyには動画を直接アップロードするオプションもありますが、これはお勧めしません。詳しくは、WordPressに動画をアップロードしてはいけない理由をご覧ください。

ポップアップウィンドウが表示されますので、「動画スライドの挿入」オプションをクリックしてください。

ここで、動画のタイトル、動画のURL、キャプション、altテキストを追加する必要があります。

あなたの動画に基づいて、すべての詳細を記入してください。

Image URLフィールドには、動画のプレースホルダー画像も入力する必要があります。この画像は、動画が再生されていないときに使用されます。また、ユーザーがクリックしたときにのみ動画が読み込まれるため、WordPressのパフォーマンス向上にも役立ちます。

次に、動画のURLフィールドで、メディアライブラリから、またはYouTubeのような動画ホスティングサービスサイトから直接、動画のURLを見つけることができます。

動画にキャプションを設定するオプションもあります。再生ボタンをクリックしたときに何が期待できるかを説明するような、魅力的な文章を書くようにしましょう。

別の動画スライドを追加したい場合は、「別の動画スライドを追加」ボタンをクリックしてください。

そこから、次の動画のタイトル、動画のURL、画像のURL、キャプション、altテキストをアップロードする必要があります。

追加したい動画スライドすべてについて、この手順を繰り返します。

動画スライドを追加し終わったら、「スライダーに挿入」ボタンをクリックしてください。

あなたの動画スライドは、このように新しいスライド画面に表示されます。

動画に変更が必要な場合は、いつでも鉛筆アイコンをクリックして動画に変更を加えるか、緑色の「有効化」アイコンをクリックして動画を非有効化することができます。

ここから’Configuration’タブに移動し、動画スライダーをどのように表示させたいかをカスタムすることができます。

この画面では、いくつかの設定を切り替えることができます。例えば、ウェブデザインに合わせてスライドの寸法を変更することができます。

また、スライダーとキャプションの位置をカスタマイズして、ページ上の他の要素と一直線に並べることもできます。

動画の自動再生を許可するかどうかも、検討したいオプションです。

訪問者がページにランディングしたときに自動的にスライド動画を再生するように設定すれば、訪問者はあなたのコンテンツを見ざるを得なくなります。ブラウザーも動画を読み込む必要があるため、ページ速度が遅くなる可能性があることに留意してください。

Soliloquyの良いところは、プラグインがモバイル端末用に動画スライダーを最適化できることだ。

モバイル」タブに移動します。モバイル用のスライダー画像を作成し、キャプションを表示することができます。

これでWordPressブログやサイトにスライダーを追加する準備ができました。

右側のパネルにある「公開する」ボタンをクリックしてください。

WordPressで動画スライダーを表示する

スライダーを埋め込むには、スライダーを表示したい投稿またはページを作成または編集します。

WordPressエディターに入ったら、「+」ボタンをクリックします。そして、あなたのページにSoliloquyブロックを追加します。

作成した動画スライダーをSoliloquyウィジェットから選択し、ページに挿入します。

そして、一番上の「公開する」または「更新する」ボタンをクリックしてください。

これですべてです。投稿をプレビューして、スライド動画を実際に見ることができます。

こんな感じだ：

クラシックなWordPressエディターを使用している場合は、WordPressのページや投稿に動画スライダーを追加することもできます。

すべての動画スライダーが保存されているSoliloquyページにあるショートコードをコピーする必要があります。そして、そのショートコードをコンテンツに挿入するだけです。

詳しくは、WordPressでショートコードを挿入する方法をご覧ください。

ボーナス：WordPressに注目コンテンツスライダーを追加する

サイトに動画スライダーを追加するだけでなく、WordPressページに特集コンテンツスライダーを追加することもできます。

ブログのベスト投稿を紹介するだけでなく、おすすめコンテンツスライダーを追加して、オンラインショップのおすすめ商品を紹介したり、レビューを共有したり、ポートフォリオ項目を紹介したり、人気のカテゴリーを表示したりすることができます。

動画スライダーとは異なり、アイキャッチコンテンツスライダーはスライド上に画像とリンクを組み合わせて表示することができます。

Soliloquyに「Featured Content Addon」をインストールするだけです。

次に、動画スライダーと同じように、マルチメディアファイルのコンテンツ、リンク、説明を追加します。

より詳細なチュートリアルについては、WordPressでおすすめコンテンツスライダーを正しく追加する方法についてのブログ投稿をご覧ください。

この投稿が、Soliloquyを使ってWordPressに動画スライダーを追加するのにお役に立てば幸いです。また、ブロガー、マーケティング担当者、ビジネスに最適な動画ホスティングサイトのリストや、WordPressサイトに動画を最適化する方法についてのガイドもご覧ください。

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.