Meta Slider

Meta Sliderは、コンテンツスライダーを簡単に作成できるプラグインです。 1つのプラグインで、jQueryを利用した4種類のコンテンツスライダーが利用できます。(Nivo Slider、Flex Slider、Coin Slider、Responsive Slides)

このプラグインは機能が限定された無料版になりますが、スライドのサイズやエフェクトを細かく設定でき、汎用性が高くて非常に役に立つプラグインです。スライドごとにURLの設定もできます。プラグインの管理画面はシンプルで非常に使いやすいです。

シンプルで使いやすいプラグインなのでおすすめです。

はじめに

コンテンツスライダーとは?

コンテンツスライダーとは、Webサイトのトップページ等でよく利用される、大きなバナー画像をスライド表示させ、訪問者に見てもらいたいページや情報をアピールする際に用いられるものです。カルーセル、スライダーとも呼ばれます。

このプラグインが優れている点

  1. 複数のコンテンツスライダーを簡単に作成できる。
  2. 1つのプラグインを利用するだけで、jQueryを利用した4種類のコンテンツスライダーが利用できる。(Nivo Slider、Flex Slider、Coin Slider、Responsive Slides)
  3. コンテンツスライダーを表示させる位置は、ショートコードとPHPで指定できる。
  4. プラグインの管理画面がシンプルで非常に使いやすい。

動作見本

Meta Slider 動作見本

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Meta Slider」で検索
  2. WordPress.org からダウンロード

プラグインの設定

管理画面の場所

このプラグインの管理画面は、下記の場所にあります。

WordPress管理画面 > Meta Slider

初めての場合

最初に「+」をクリックし、新しいスライドを作ります。

Meta Slider

管理画面の設定

このプラグインの管理画面の使い方を簡単に説明すると、画面左側でスライド画像を登録し、表示順番・文言・URLを設定します。そして、画面左側でスライドの外観やエフェクトを設定し、設定を保存します。

最後に画面右下にあるショートコード又はPHPコードを、コンテンツスライダーを表示させたい位置に記述します。

Meta Slider

コンテンツスライダーを作る流れ

  1. 「+」をクリックし、新しいスライドを作る。
  2. 「Add Slide」をクリックし、スライドさせる画像を複数枚アップロードして登録する。
  3. 登録した画像に対し、それぞれ文言とURLを設定する。
  4. 画面右上にあるスライダーの種類を選択する。
  5. スライダーのサイズやエフェクトを指定する。
  6. 「Save & Preview」をクリックし、スライダーの内容を確認し、設定を保存する。
  7. 画面右下にある専用のショートコード又はPHPコードを表示させたい場所に記述し、スライダーを表示させます。

備考

  1. スライダーの表示位置を指定するショートコードは記事本文に記述します。PHPコードはテンプレートに直接記述する場合に利用します。
  2. 管理画面の設定項目の中には、選択項目がグレーで選択できないものがあります。それは、このプラグインが無料版なので提供されていない機能です。その機能は、有料版を購入すれば利用できます。

まとめ

Meta Sliderは、コンテンツスライダーを簡単に作成できるプラグインです。 4種類のコンテンツスライダーが利用できます。

このプラグインは、機能が限定された無料版になりますが、スライドのサイズやエフェクトを細かく設定でき、非常に役に立つプラグインです。

もし、バナーをスライド表示させるコンテンツスライダーを利用したい場合は、このプラグインを活用しましょう。

スポンサーリンク