WordPress

【WordPress】レスポンシブイメージスライダープラグインSlider by Nivo

December 19, 2017
Slider by Nivo – Responsive WordPress Image Slider

Nivo Sliderは世界で最も人気のあるjQueryイメージスライダープラグインです。ダッシュボードから簡単にポストスライダー、イメージカルーセル、またはスライドショーを作成できます。

Slider by Nivoプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Slider by Nivoを検索
有効化にするとNivo Slider、ウィジェットにNivo Sliderが追加されます。

Nivo Slider


タイトルを入力し、Nivo Slider Imagesにて表示させたい画像を選択します。

Nivo Slider Type スライダータイプ
Slider Sizing スライダーサイジング
Image Size 画像サイズ
Slider Theme スライダーテーマ
Transition Effect 移行効果
Slices スライス
Box (Cols x Rows) ボックス
Animation Speed アニメーション速度
Enable Thumbnail Navigation サムネイルナビゲーションを有効にする
Thumbnail Size サムネイルサイズ
Pause Time 休止時間
Start Slide スライドを開始する
Enable Direction Navigation ナビゲーションを有効にする
Enable Control Navigation コントロールナビゲーションを有効にする
Enable Images Links 画像リンクを有効にする
Open Links in New Window 新しいウィンドウでリンクを開く
Pause the Slider on Hover スライダーをホバーで一時停止する
Manual Transitions 手動トランジション
Random Start Slide ランダムスタート

公開をクリックするとタイトルを使ったショートコードも使用可能。
Example:
[nivoslider id="246"]or[nivoslider slug="nivo-slider"]

<?php nivo_slider( 246 ); ?>

or

<?php nivo_slider( "nivo-slider" ); ?>

エディタ


ビジュアルにし、スライダーを選択するとショートコードが挿入されます。

Nivo Slider Bar Theme

Nivo Slider Dark Theme
Nivo Slider Default Theme
Nivo Slider Light Theme

ウィジェット