更新:2019-05-18猫でもわかるWordPress動画/スライダー/有料テーマ先日、こんなご相談がありました。動画が終わった後、静止画へと連続して動かしたいという珍しいリクエストでした。調べてもあまり情報がなかったので、こちらにまとめておきますね。スライダーに動画は入らないの?スライダーといえば、みんな大好き、WordPressテーマLightningライトニングについていますね!プラグインを入れなくても初めから「カスタマイザー」の中でスライド設定ができます。残念ながら、Lightningでは「動画」は対応外でスライドできるのは画像だけなんです。いうわけで何かお客様のご要望に叶うものはないだろうか、調べまくりました。上位7選WordPressのプラグイン公式ページで「Slider」と検索して出てきたものを上位7つ試してみました。今回調べてみたところ、けっこう古くて使えない情報が多くて惑わされました。そんな時は、WordPressにログインして「プラグイン」から検索すれば最近更新されている、人気のプラグインがわかりますよ!今回以下の7点をためしてみましたよ。WPロゴショーケース順番にご紹介していきますね。有効インストール数が90万!ダントツです。安心・安定の定番プラグインです。使っている方が多いですね。どんなプラグインなのでしょうか。インストールして有効化すると「MetaSlider」メニューが増えました。Slideshow」(赤マルをつけたところ)でスライドショー作成画面に入れます。編集画面はこんなです。「スライドを追加」と小さく書いてありました。押すと、画像を挿入できる画面になります。左上に「メディアライブラリ」と3つも書いてあります。3つに分けて表示されるようになっていました。動画を選択し「動画プレイリストを新規作成」してみます。「プレイリストを編集」画面に移りました。「動画プレイリストを挿入」をクリック。・・しましたが、あれ?なぜか、編集画面に戻ってしまいました。・・・何回繰り返してもダメでした。このプラグイン「MetaSlider」では動画挿入機能は、有料オプションだったようです。有料プラグインは、28ドルから。https://www.metaslider.com/購入しても、思ったのと違った場合は30日間キャッシュバックもしてくれます。試用期間で30日間って長いですよね!希望の動作をするのかどうか、気軽に試せますね^^どうやらあまり動画には特化していないようなので次行ってみましょう。スマートスライダー3です。Slider」というメニューが増えました。SLIDER」を押します。SLIDER」というメニューが出てきてスライダーのサイズやレイアウトを選ぶことができました。SLIDE」を押すと、スライドに何を追加するか、選べる画面が出てきました。・Image・・・画像ですね。・Library・・・ライブラリ、と言われるとWordPressの「メディアライブラリ」かなと思ってしまいましたが、これは自分のメディアではなく、プラグインが独自に用意してくれている「素材集」のことでした。素材まで用意してくれてるんですねぇ。Sliderも、動画と画像の両方がスライドにできそうです。「Video」を押すと、動画のURLを入れる画面になりました。スライドにできるのはYoutube、Vimeoなどの動画サイトにアップロードした動画だけでした。Youtube動画をスライドショーに入れるとこんな感じになりましたよ。実際に配置したサイトはこちらです。手元の動画ファイルは使えないんですね。上記画像のように、Youtubeを埋め込むと、動画のタイトルや操作ボタンが見えてしまいます。一部に使うならいいですが、サイトのトップイメージにはちょっと合わないので今回のお客様のご要件には適さないことがわかりました。使い勝手が良さそうだったので残念です。Sliderが一番おすすめです!高機能で素敵なスライダープラグインとして使えますね。かっこいいスライダーサンプルがたくさんあるので、そのままテンプレートとして、画像やテキストを変えれば面倒な設定なしでかっこいいスライダーが作れちゃいますよ。スライダーサンプルの一例https://smartslider3.com/sample-sliders/スマートスライダーの有料版も試してみたのですが、ビデオに関しては特に追加機能はなく、YoutubeなどのURLのみのようでした。ビジュアルエディタでスライド作成!スライドエニシング、です。Slider」というメニューができました。SlidersPRO」のご案内とあらかじめ、スライダーのサンプルが用意されていました。わかりやすくて親切ですね!サンプルをみてみると・・すごい!!!!なにこの多機能!!!!さらにスライドの編集がめちゃくちゃ簡単です。こんなサンプルスライドが入っていましたので動画を追加してみました。「ビジュアルエディター」で編集できるのでブログを書くような感覚です!わかりやすいーー!さて、肝心の動画を追加してみましょう。プレビューがこちらあれ、動画が表示されない・・・こちら、公式サイトにあった説明です。https://edgewebpages.com/より引用プロ版だと、ポップアップ、画像のポップアップ、動画の埋め込み(YoutubeかVimeo)ショートコードが使用できます、とのことです。動画は有料版だけでございました。10ドル(1サイトのみ)この中の有料プラグインの中では破格の10ドル!これなら手軽に試せますね^^しかし、YoutubeとVimeoだけみたいなので今回のお客様のご要望には添えなさそうなので、残念ながら次行ってみます。動画は使わず、自由にスライダーをデザインしたい方向けですね。ドラッグ・ドロップで簡単編集?ソリロクィ。・・調べると独り言、という意味でした。不思議なネーミングですね。インストールすると、こんなメニューが出てきました。New」に入ってみましょう。シンプルな編集画面ですね。「ドラッグ&ドロップで簡単編集」って書いてありましたけど簡単なのはメディアをアップロードする操作だけでタブを選ぶ度に「アップグレードはこちら」ばっかり出てきてなんかよくわからないです。Upload」ファイルをアップロード、を試してみると・・・アップロードするときに、選べるメディアは画像のみでした。動画は対応していないようです。有料版はどうでしょう?アップグレードすると、インスタやWooComarceに対応しているようです。肝心の動画については、こちら。URL」とありました。(黄色くマーカーを引いたところ)「動画をスライドに追加するには、URLを入力するだけ」ということなので、やっぱり有料版でも、YoutubeとVimeoだけみたいですね。気になるお値段は・・1サイト19ドルからです。購入しても、2週間以内なら返金もしてくれるそうですよ。使い方がいまいちよくわかりませんでした・・(ごめんなさい)また機会があったら研究してみます。Slider(マスタースライダー)」です。Slider、からスライダー作成に入れます。隣にエクスポートとインポートもあります。作ったスライダーを、他のブログにコピーできるんですね。編集画面はこんな感じです。link」というタブにありました。編集画面はこんな感じです。こちらも、使えるのはYoutubeとVimeoだけですね。動画ファイルをスタイだーに設定できるものって、少ないんですねー。「ロゴショーケース」とはこれいかに?インストールして有効化すると、こんなお知らせがでます。更新などのお知らせを受け取りますか?という意味です。メルマガ登録みたいなものですね。登録すると、50以上のプラグイン、10以上のテーマがダウンロードできるそうです。continueへ不要な方はskipでどうぞ。LogoShowcase」に進みましょう。編集画面はとてもシンプルでした。WordPressの管理画面そのままみたいな。あれ、なんじゃこりゃ。登録したものをまとめて表示できる、という機能でした。