４in１のお得感。４種のスライドショーを生成するWPプラグイン「Meta Slider」

「Meta Slider」とは − 概要

本日は、スライドショー作成用のWordPressプラグイン「Meta Slider」をご紹介させていただきます。

なんといっても最大の特徴は１つのプラグインで４種類のスライドショーを作成することができる点です。それじゃあ、種類が多いだけで、それぞれのスライダーの「カスタマイズ」はできないのか？というとそんなことはありません。

４つそれぞれで細かく設定・調整することが出来る「４in１のお得なコンテンツスライダー作成プラグイン」というわけです。

たとえばトランジション効果（スライド切り換え時のアニメーション効果）やスライド表示時間はもちろんのこと、外観のスタイルを変えることができるスライダーもあります。

英語メニューなのでとっつきにくいところもありますが、各メニューの日本語訳をページ下部に載せました。また、使用方法についてはビデオ解説付きで実際の操作の様子が見れますので、そちらもぜひご覧下さい。

４種類のスライドショー

スライドショーのデモを用意しましたので、以下のリンク先から実際の動作などご確認ください。ここではキャプチャ画像と共にそれぞれのポイントを挙げます。

■ Meta Slider デモ

１）Flex Slider：フレックススライダー

• レスポンシブ
• トランジション効果 ２種類
• カルーセルモードあり

カルーセルというのはAmazonとか楽天とかで、「この商品を見た人は・・・」みたいな画像が横に動くスライダーがありますが、あぁいった表示形式のことです。以下の記事もご参照ください。

■ カルーセルスライダーで写真をサムネイル表示。WPプラグイン「WP Image Carousel」

２）Responsive Slider：レスポンシブスライダー

• レスポンシブ

３）Nivo Slider：ニヴォスライダー

• レスポンシブ
• トランジション効果 １４種類
• 外観スタイル ４種類

４）CoinSlider：コインスライダー

• トランジション効果 ４種類

「Meta Slider」の導入方法・使い方

それではここからは実際の使い方に入りましょう。ビデオで画面を撮影しましたので、あらかじめ見ていただくとすぐに理解できるかと思います。（※ビデオではすでにプラグインはインストールされている状態から始まります）

では、改めていってみましょう。

１）プラグインのインストール・有効化

1. 「WordPress ダッシュボード > 外観 > プラグイン > 新規追加」
2. 「metaslider」と検索
3. 「いますぐインストール」をクリック
4. 「有効化」をクリック

ダッシュボードに「Meta Slider Lite」というオプションメニューが加わっていればOKです。

２）スライドショーの作成

「Meta Slider Lite」> 新規追加「＋」ボタンをクリックし、「Add Slide」ボタンをクリック。

画像 ファイルをアップロード、もしくはメディアライブラリ内から選択。

キャプション、リンク先URL、スライドショーの種類、各種設定を行う（※各種設定内容については(4)各種設定に記載）

設定は以上で完了です。「SAVE（保存）」ボタンをクリックし、「ショートコード」をコピーします。

３）記事本文中へのショートコードの貼り付け

投稿ページ、固定ページ、どちらでもかまいませんが挿入したい箇所に先ほどのショートコードを貼り付けます。

公開（更新）ボタンを押して、ページを表示させます。

スライドショーが表示されました。完了ですね。

４）各種設定について

先ほどの各種設定項目については、英語なので若干わかりづらいです。

それぞれの項目ごとの日本語訳を書いてみましたので、ご参照ください。

■ Settings：設定

• スライドショー選択
• サイズ
• Effect：トランジション効果（スライド切り換え時のアニメーション効果）
• Theme：テーマ（スライダーの外観スタイル）

■ Control：コントロール

• Arrows：スライドナビ（矢印）
• Navigation：スライドナビゲーション（数字）

■ Advanced Settings：高度な設定

こちらの設定項目については、スライダーの種類によって表示されるもの、表示されないものがあります。

• Center align：真ん中寄せ
• Auto Play：オートプレイ（自動でスライドショー）
• Smart Crop：スマートクロップ（画像を適切にトリミング）
• Carousel Mode：カルーセル表示
• Random：スライド順序をランダム
• Hover Pause：マウスをスライドの上に載せたらスライドストップ
• Reverse：スライド切り換え方向の反転
• Slide Delay（ms）：各スライド表示時間（※）
• Animation Speed（ms）：トランジション時間（※）
• Slide direction：スライドの切り換え方向
• Easing：アニメーション効果
• Previous text：「前のスライドへ」のテキスト
• Next text：「次のスライドへ」のテキスト
• Number of squares：スライド切り換え時の正方形の数
• Number of Slices：スライド切り換え時のスライス数
• Opacity：不透明度
• Caption speed（ms）：キャプションの切り換え時間（※）

※ 1000ms＝１秒

■ Developer Options：開発者向けオプション

• CSS Classes
• Print Scripts

■ Usage：使用法

• ショートコード
• Template Include

以上、ちょっとお得な「Meta Slider」はいかがだったでしょうか。多少設定がわかりづらいところもありますが、慣れれば便利なプラグインです。

スライドショーは１つで良いので、もっともっとシンプルなほうが良いという方は、以下の「Soliloquy」というプラグインもチェックしてみてください。

• Tweet
•