• ダウンロード
  • ブログ
  • デモ
  • Menu
  • home
  • >
  • ショートコード +α
  • >
  • スライドショー (slideshow)

スライドショー (slideshow)

Create a responsive slideshow with images and videos.

スライドショーは、ショートコード内に貼り付けられたURLを自動で抽出し、スライドショーとして構成します。

ビジュアルエディタ上で見やすいように、画像を貼り付け、それを [uk-slideshow] ... [/uk-slideshow] で囲うと簡単で、管理がしやすいです。

使い方

  • Preview
  • Shortcode
    • Item 1
    • Item 2
    • Item 3
    • Item 4
  • [uk-slideshow]
    
    ![](https://toiee.jp/kansowp/wp-content/uploads/2018/01/crew-56839.jpg)
    ![](https://toiee.jp/kansowp/wp-content/uploads/2018/01/isaac-benhesed-249427.jpg)
    ![](https://toiee.jp/kansowp/wp-content/uploads/2018/01/luca-bravo-217276.jpg)
    ![](https://toiee.jp/kansowp/wp-content/uploads/2018/01/jamie-goodwin-411634.jpg)
    
    [/uk-slideshow]
    

詳細

オプションはありません。

| オプション | デフォルト | 説明 |
|:–|:–|:–|
| style | none | none, primary, success, warning, danger が選べます。 |
| title | — | タイトル(h3)をアイコン付きで表示します |
| icon | true | アイコンの表示、非表示を選べます。true か false の値を取ります |

` class=”uk-table uk-table-striped”`


ヒント

慣れると簡単です。

  • UIKitの slideshow は、 https://getuikit.com/docs/slideshow

タブ (tab) >
< ライトボックス(lightbox)

ショートコード +α

ショートコード、HTML、CSS、uikit

  • ショートコードとは
  • UIKit を知って活用する
  • 投稿表示 (kns-showpost)
  • アコーディオン(accordion)
  • アラート(alert)
  • バッジ (badge)
  • ボタン(button)
  • グリッド(grid)
  • アイコン (icon)
  • ラベル (label)
  • ライトボックス(lightbox)
  • スライドショー (slideshow)
  • タブ (tab)

Copyright © toiee Lab, All rights reserved.

ショートコード +α

ショートコード、HTML、CSS、uikit

  • ショートコードとは
  • UIKit を知って活用する
  • 投稿表示 (kns-showpost)
  • アコーディオン(accordion)
  • アラート(alert)
  • バッジ (badge)
  • ボタン(button)
  • グリッド(grid)
  • アイコン (icon)
  • ラベル (label)
  • ライトボックス(lightbox)
  • スライドショー (slideshow)
  • タブ (tab)