スライドショー用ショートコード

このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です

最もシンプルな例(画像指定のみ)

  • Slide image
  • Slide image
  • Slide image

Code

  • Slide image
  • Slide image
  • Slide image

スライド効果、キャプション指定、ホバー時停止、画像をリンク化

  • Slide image
  • Slide image
  • Slide image

Code

  • Slide image
  • Slide image
  • Slide image

ナビゲーション位置指定、ブラックキャプション背景、前後テキスト変更

  • Slide image
  • Slide image
  • Slide image

Code

  • Slide image
  • Slide image
  • Slide image

表示時間指定、スライド上に任意のHTMLコンテンツを表示

  • Slide image

    画像上に任意のHTMLコンテンツを指定できます。

  • Slide image
    iphone-holding

    スライドイメージ上に別の画像リンクを合成しています。
    ページナビゲーションは非表示にしています。
  • Slide image
    HTMLコンテンツをここに記述します。

Code

  • Slide image
    <p class="ft22px b white mg30px-top mg20px-l al-c">画像上に任意のHTMLコンテンツを指定できます。</p>
  • Slide image
    <a href="https://skin.dpthemes.net/colors2/wp-content/uploads/sites/28/2014/06/iphone-holding.png"><img src="https://skin.dpthemes.net/colors2/wp-content/uploads/sites/28/2014/06/iphone-holding.png" alt="iphone-holding" width="55%" style="position:absolute;bottom:0;right:0;" /></a><div class="ft14px b mg30px-top mg20px-l">スライドイメージ上に別の画像リンクを合成しています。<br />ページナビゲーションは非表示にしています。</div>
  • Slide image
    <div class="ft18px white pd20px bg-black-op40">HTMLコンテンツをここに記述します。</div>
X