GIAIE Inc.

Solving social problems with Creativity and Technology.

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

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

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

[dpslideshow]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vegetables.jpg”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vase.jpg”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/tenedores.jpg”][/dpslide]
[/dpslideshow]

Code

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

[dpslideshow fx=”slide” hoverpause=true]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vegetables.jpg” url=”#” caption=”画像にキャプションを表示しています。ホバー時は一時停止もできます。”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vase.jpg” url=”#” caption=”このキャプションのベースカラーはホワイトとブラックを選べます。”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/tenedores.jpg” caption=”アニメーションはフェード、スライドから指定できます。表示時間とトランジション間隔を指定できます。”][/dpslide]
[/dpslideshow]

Code

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

[dpslideshow controlpos=”right” pagenavipos=”left” captionblack=true nexttext=”次へ” prevtext=”前へ”]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vegetables.jpg” caption=”画像にキャプションを表示しています。ホバー時は一時停止もできます。”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vase.jpg” caption=”このキャプションのベースカラーはホワイトとブラックを選べます。”][/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/tenedores.jpg” caption=”アニメーションはフェード、スライドから指定できます。”][/dpslide]
[/dpslideshow]

Code

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

[dpslideshow showtime=3200 transitiontime=1400 showpagenavi=false hoverpause=true]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vegetables.jpg”]

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

[/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/vase.jpg”]

iphone-holding

スライドイメージ上に別の画像リンクを合成しています。
ページナビゲーションは非表示にしています。

[/dpslide]
[dpslide imgurl=”http://demo.dptheme.net/_wp/wp-content/uploads/tenedores.jpg” caption=”キャプションと同時にHTMLコンテンツを表示することもできます。”]

HTMLコンテンツをここに記述します。

[/dpslide]
[/dpslideshow]

Code