カルーセルも!マルチなスライドショー/WPプラグイン「Slideshow」
- 2013年07月21日
- カテゴリ:デザイン

WordPressプラグイン「Slideshow」とは
シンプルな設定でスライドショーを実現できるスライダーのプラグイン。テキストや動画もスライドも可能。何個でも作れて、さらにカルーセルスライドも出来てしまうなど多機能です。
- 画像・テキスト・動画(YouTube)スライド対応
- レスポンシブ対応
- カルーセルスライダー可能
- 管理画面かエフェクトなど簡単設定
- 何個でも作成できる複数設置
- ショートコードとテンプレートタグでどの場所でも設置可能
インストール方法
- (1)管理画面左側「プラグイン」から「新規追加」でこのプラグインを検索
- (2)「いますぐインストール」をクリック
- (3)「プラグインを有効化」をクリックして有効に
※現在「Slideshow」という名前で2つ検索で出てきます。紛らわしいいのでご注意ください。
はじめに
スライダープラグインのランキングを見ていたらまた気になるものを発見しました。設定は簡単でテキストや動画も簡単設定でスライドショーにできてしまうってもの。さらにカルーセルのようなマルチ画面のスライドも出来るのでちょっとサプライズでした。
さっそく試してました。
有効化後の設定、使い方
サイドバーに現れる「Slideshows」から設定します。設定画面は1ページで、ビジュアルベースで感覚的にいけます。
- Animation used for transition between slides・・・・・スライドアニメーションエフェクト(フェイドなど7種類から選択)
- Animation used for transition between slides・・・・・スライドアニメーションの秒数
- Number of seconds the description takes to slide in・・・・・スライドのキャプションのエフェクトの秒数
- Seconds between changing slides in・・・・・次のスライドへの秒数
- Number of slides to fit into one slide・・・・・1つのスライドに表示する数
- Maximum width. When maximum width is 0, maximum width is ignored・・・・・スライドの幅であるが、Oにすると幅は無視
- Slideshow’s height・・・・・スライドの高さ
- Fit image into slide (Stretch image)・・・・・画像サイズレスポンシブ対応に
- Shrink slideshow’s height when width shrinks・・・・・幅が縮小した時に、高さも同様に縮小させるか?
- Show title and description・・・・・タイトル表示
- Hide description box, pop up when mouse hovers over・・・・・マウスオーバーした時、キャプチャーをポップアップ表示
公開方法
それぞれのスライダーの登録画面で、ショートコードとテンプレートタグが記述されていますので、お好きなところに貼付けるだけです。
ショートコードの場合
[slideshow_deploy id='67']
テンプレートタグの場合
<?php do_action('slideshow_deploy', '67'); ?>

カルーセルスライダー機能
これはちょっと面白い。こういったスライダープラグインでカルーセルなスライドが実現できます。
こんな感じで一つのスライドに2つ表示され、スライドします。
これは設定で、「Number of slides to fit into one slide」のところを2にしました。もちろん3つに分割したければ3でいけます。
ただ、スライドの画像登録は、マルチが2画面なら2の倍数にした方がいいかも。というのも3枚登録したら、3枚目が始めの1枚目と表示されるかと思ったら3枚目だけが表示されてしまった。1枚毎にスクロールはしてくれないようです、
こんな感じに表示されました。3枚目が幅が自動で長くなりレスポンシブ対応なのはすごいけども・・・いかんせん不自然。
もっといい方法があるかもしれませんが、もっとテストが必要です。
複数方法
スライドの登録をすれば、何個でも作ることができます。
デモ
まとめ
この「Slideshow」は、そこそこ人気ランキングの高いところにあったので試して見ましたが、面白いですね。
特にカルーセル的なマルチ画面なやつは用途はさておきですがインパクトありそう。テキストや動画スライドもシンプルであっさりできました。
人気記事
記事一覧を固定ページに簡単表示/WPプラグイン「What’s New Generator」 75,883 views
多機能なリンク集作成/WPプラグイン「Link Library」 50,231 views
画像を美しく拡大/WPプラグイン「Easy FancyBox」 42,675 views
スライドショーも!人気NO1ギャラリー/WPプラグイン「NextGEN Gallery」 39,587 views
一挙4得な万能スライダー/WPプラグイン「Meta Slider」 36,242 views
固定ページにウィジェット配置/WPプラグイン「Page Builder by SiteOrigin」 35,195 views
[…] 引用元: カルーセルも!マルチなスライドショー/WPプラグイン「Slideshow」 | 楽々WordPressプラグイン. […]
[…] いデザインにぐりぐり変えられます。 使い方は カルーセルも!マルチなスライドショー/WPプラグイン「Slideshow」 | 楽々WordPressプラグイン. に、のってます。ただ、使うテンプレートによ […]