Travelogue(トラベローグ)

Travelogue

Meta Sliderはスタンダードなスライダーを簡単に作成できてコーポレートサイトでも使いやすいプラグイン

Meta SliderはWordPressサイトにスライドショーを作成するためのプラグイン。
汎用性が高く、管理画面も複雑でないので内容を把握しやすくて使い勝手がよいです。

インストールはWordPress管理画面上で直接可能なので簡単です。
管理画面>プラグイン>新規追加の画面で「Meta Slider」と検索してそのままインストール・有効化します。
有効化すると、管理画面>Meta Sliderの画面で設定が可能になります。

写真ごとの設定

写真を追加するときは【スライドを追加】ボタンを押します。
アップ方法はWordPressの通常の画像アップロード方法と同じです。

アップすると、中央の一覧に写真が追加されます。
順番を変更したいときはサムネイル(小さな写真)をドラッグドロップして上下の順序を入れ替えます。

写真ごとの設定

サムネイル横にいくつかの入力欄があります。

  • 一般タブ:キャプション
    画像の上に黒い帯を敷いてキャプションとなる文章を表示できます。
    何も入力しなければ表示されません。
  • 一般タブ:URL
    画像をクリックしたときのリンク先URLを入力します。
    別ウィンドウで開きたい場合は【新規ウィンドウ】にチェックを入れます。
  • SEOタブ:画像タイトルテキスト
    画像のimgタグのtitle属性として使用される文字列を入力できます。
    不要であれば特に入力する必要はありません。
  • SEOタブ:画像の代替文字列
    画像のimgタグのalt属性として使用される文字列を入力できます。
    個人的にはこれだけ入力しておけば十分な気がします。
  • Cropタブ:Crop Position
    スライドショーの枠と写真の縦横サイズがあわないときの配置方法の設定。
    最初からスライドショーの枠にぴったりの画像をアップしておけば特に気にする必要はありません。

画像を削除するときは、サムネイルにマウスをのせると表示される赤い×印をクリック。
スライダーごと削除するなら画面右下の【スライダー削除】ボタンをクリック。

スライドショーの設定

画面右サイドのボックスからはスライドショーの設定が可能です。
いろいろと設定項目はあるのですが、最初の設定値から変更する必要性はあまりないです。

スライドショーの設定
  • Flex SliderからCoin Sliderまでの4つのボタン
    スライドショーのデザインが少し変更になりますが、試してみたところそれほどガラっと変わるわけではなさそうです。
    例えばコーポレートサイトではスタンダードなものが一番好ましいことが多いので、その場合はFlex Sliderのままで良いと思います。
  • 幅、高さ
    スライドショーの枠のサイズです。
    最初に値を決めて入力したら、後から変更する必要はありません。
    アップ後にプラグイン側で切り抜きするより、最初からここに入力してある数値と同じ縦横サイズの画像をアップしたほうが意図した通りの結果が得られると思います。
  • 効果
    画像が切り替わるときの動きの設定です。
    例えばFlex Sliderでは、フェードかスライドを選択できます。
    前述のようにコーポレートサイトでスタンダードなものが好ましければ、普通にスライドを選択しておくのが良いと思います。
  • テーマ
    Nivo Sliderを選択しているときには、写真の枠のデザインを変更できるようです。
  • 矢印
    写真の左右に矢印を表示させるかどうかの設定です。
    例えば、一時的にスライドショーに含まれる写真が一枚だけになっている場合等は、矢印があるのはおかしいので、このチェックマークを外しておけば矢印は表示されません。
  • ナビゲーション
    写真の下に表示される「点」で全体の枚数と現在位置を把握するためのナビゲーションです。
    矢印と同様に、一時的にスライドが一枚だけのときは不要なので非表示にしておくと良いでしょう。

「高度な設定」ボックスは無理して変更する必要はありません。
スライドショーの速度が気になる場合は、「スライドの遅延」「アニメーションの速度」あたりの数値を変更して調整します。(1ms=0.001秒)
「使い方」ボックスでは、ショートコードまたはテンプレートファイルにコピーペーストするコードを取得できます。既にテンプレートファイルに貼付けてある場合はこのボックスは気にする必要はありません。

設定が終わったら右上の【保存】ボタンを押します。

今回動作確認したバージョン:WordPress4.0、Meta Slider3.1.1

Pagetop