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

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

Code

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

Code

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

Code

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

Code

<p class="ft22px b white mg30px-top mg20px-l al-c">画像上に任意のHTMLコンテンツを指定できます。</p>
<a href="http://demo.dptheme.net/dp9/wp-content/uploads/sites/7/iphone-holding.png"><img src="http://demo.dptheme.net/dp9/wp-content/uploads/sites/7/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>
<div class="ft18px white pd20px bg-black-op40">HTMLコンテンツをここに記述します。</div>