WordPress
【WordPress】レスポンシブイメージスライダープラグインSlider by Nivo
December 19, 2017
Nivo Sliderは世界で最も人気のあるjQueryイメージスライダープラグインです。ダッシュボードから簡単にポストスライダー、イメージカルーセル、またはスライドショーを作成できます。
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
ウィジェット
