スライドショーを簡単作成「Nivo Slider for WordPress」


WordPressでスライドショーを簡単に作成できるプラグインをご紹介。
以前書いた記事の、

スライドショ―を作成「WordPress Content Slide」

でもスライドショーを作成するプラグインを紹介しましたが、
画像の登録が管理画面からできないのでちょっと不便な面も個人的に感じました。
その点で、より便利なプラグインをご紹介。

Nivo Slider for WordPress

プラグインをインストール・有効化後、Nivo Slider For WordPressより設定します。
Add/Edit imageの項目より画像の登録・編集を行います。
Add New imageのボタンをより画像をアップロードし、画像のトリミングをします。
Image caption(optional)にて画像の上に載せるテキスト、
Image link, please use http://(optional)にて画像に対してリンクの設定ができます。
ドラック&ドロップで登録した画像の並び替えができます。

Optionsにて全体の設定を行います。
Size of cut (will also be the size of the slider)にて画像サイズの設定、
Nivo Slider Settingにてエフェクトの種類、アニメーションの時間、ナビゲーションの有無などの設定をします。

表示方法は表示させたい場所に下記コードを記述します。

<?php if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); } ?>

なお、日本語化ファイルが3Beeさんにて公開されています。

WordPressでメインビジュアルのスライドを実装する時に便利なプラグイン「Nivo Slider for WordPress(日本語化)」

タグ: ,

記事公開日:
最終更新日:

“スライドショーを簡単作成「Nivo Slider for WordPress」” への10件のフィードバック

  1. avatar 藤井 順也 より:

    はじめまして、WPを使っている初心者のものです。

    スマートフォンに対応させようとおもいまして、Nivo slider for WP をプラグインして使用しようと思っています。

    ですが、PHPのsourceのをどこに添付すればいいのかわかりません。(スライダー自体はうまく作動していますが。。。)

    Header php.ではなく、メニューの下に貼付けたいのですが、現状では、うまくはりつけが行えていません。(メニューの下にスライダーは来ていますが、”Home”の上にきていて、不細工な状況です。)

    状況をアドレスから見ていただけるとありがたいです。

    なんせ、初心者なので、恥ずかしい質問は重々承知の上おうかがいしています。汗

    お願いします。

    • avatar kimuray より:

      藤井さん、初めまして。
      サイトの方拝見させていただきました。
      当方でも同じテーマをちょっと使って確認してみました。
      index.phpの、
      <div id=”container”>の直下に記述したところ、崩れなく表示できました。

  2. avatar 藤井 順也 より:

    お返事ありがとうございます。
    index.php(テーマ編集>メインインデックスのテンプレート)のご指定されたところにと
    いれてみましたが、反応がありませんでした。
    なにかエラーがあるのでしょうか??

    • avatar kimuray より:

      TOPページだけ「こんにちは、See-saw さん・・・」の部分が表示されてますね。
      どこかしらテンプレート編集の際に、記述を誤っているかもしれないです。
      少々面倒ですが、テーマを入れ直してから編集したほうが確実かな、と思います。

  3. avatar white より:

    こちらの記事を参考にNivo Slider for WordPressを導入してみました!ありがとうございます!

    しかしながら、管理画面でドラッグ&ドロップでの画像並べ替えが、反映されず困り果てております。

    同様の不具合の報告はありませんでしょうか?

    • avatar kimuray より:

      不都合に関してですが今の所、特に報告は無かったです。
      可能性としては、

      「他のプラグインが干渉している」「WordPressのバージョン」

      といったことが考えられるのかな?と思います。
      なのでNivo Slider for WordPress以外のプラグインを停止してみる、
      WordPressのバージョンを上げる、などで確認してみると良いかと思います。

  4. avatar Kaolboy より:

    お願いします。全くの素人で、ただただWordpressで簡単にと思っていたのですが、、、。
    このNivo Slider
    プラグイン有効化したあと、表示させたい場所にコードを貼る!というのは
    style.css の ページを開いて、そこで探して貼るのでしょうか? どのページに行けば良いのでしょうか?
    まだプラグインをしていないので、そのようなことさえも分からないので、不安で 質問しました。よろしくお願いします。

    • avatar kimuray より:

      コードを貼るのはstyle.cssではなく、例えばトップページで表示させたいのならindex.php、もしくはhome.phpの表示させたい位置にコードを貼ります。
      ある程度HTML等の知識が必要かとは思いますので、その辺りは調べていただければと思います。

Kaolboy にコメントする

*上記画像の英数字を入力してください。