ワードプレスやブログ運営に役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Meta Slider - 4種類のコンテンツスライダーを利用できるWordPressプラグイン

このエントリーをはてなブックマークに追加

記事公開 2013.10.22

最終更新 2017.01.07

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種類のコンテンツスライダーが利用できます。

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

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

スポンサーリンク

最後までお読み頂きありがとうございます

ネタワンは皆様の善意に支えられています。
この記事の内容が役に立ったと思ったら、記事をソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

    • 名無しさん
    • 2014年 8月 13日

    ちょっとお聞きしたいですが、テンプレートにPHPをコピーして、貼り付けましたが、
    一枚だけひょうじされまして、動かないですね。

    理由など、ご存知でしょうか。

      • ネタワン管理人
      • 2014年 8月 13日

      状況がよく分からないので、推測することしかできませんが、
      テンプレート側に問題はありませんか?
      JavaScriptがエラーになっていたり、CSSが影響していたりしませんか?
      それぐらいしか思いつきません。
      念の為再確認した方が良いと思います。

      あと、他のサイトにプラグインをインストールして試してみてはいかがでしょうか。

  1. この記事へのトラックバックはありません。

CAPTCHA


初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

賢威7 - SEOマニュアル&テンプレート

新バージョンの賢威7が購入者向けに先行公開中。


賢威7の詳細&レビューはこちら