DUCALE : Official Site

STUCCO-ITALIANO, MOSAIC, RELIEF, FINEARTS

コンテンツハイライト用ショートコード

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

フェードアウトしてからフェードインする場合の例

[highlighter time=2000 fadetime=1200]
[highlight class=”ft18px b”]
最初のハイライトコンテンツ。18ピクセルで太字。
[/highlight]
[highlight class=”ft20px blue b”]
20ピクセルのフォントでブルー、太字のハイライトコンテンツ。
[/highlight]
[highlight class=”ft18px b icon-raceflag”]
先頭にアイコンを表示。これはリンクです。
[/highlight]
[/highlighter]

Code

[highlighter time=2000 fadetime=1200]
[highlight class="ft18px b"]
最初の<span class="ft22px pink">ハイライトコンテンツ</span>。18ピクセルで太字。
[/highlight]
[highlight class="ft20px blue b"]
20ピクセルのフォントでブルー、太字のハイライトコンテンツ。
[/highlight]
[highlight class="ft18px b icon-raceflag"]
先頭にアイコンを表示。<a href="/" class="icon-new-tab">これはリンク</a>です。
[/highlight]
[/highlighter]

フェードイン・フェードアウトを同時にした場合の例

以下のようにハイライトコンテンツとして画像を指定し、フェードイン・アウトを同時に行うようにすると簡易スライドショーとして利用できます。
[highlighter type=1 time=2800]
[highlight]
iSGu85T8TXS9zXJ20iBU__MG_9585
[/highlight]
[highlight]
kVEPcWcfSA2tgOpRz9Za__DSC0765
[/highlight]
[highlight]
This is caption
[/highlight]
[highlight]
camera-man
[/highlight]
[/highlighter]

Code

[highlighter type=1 time=2800]
[highlight]
<img src="https://armma.jp/wp-content/uploads/2014/05/iSGu85T8TXS9zXJ20iBU__MG_9585-620x314-1.jpg" alt="iSGu85T8TXS9zXJ20iBU__MG_9585" width="620" height="314" class="aligncenter size-large wp-image-1742" />
[/highlight]
[highlight]
<a href="https://armma.jp/wp-content/uploads/2014/05/kVEPcWcfSA2tgOpRz9Za__DSC0765.jpg"><img src="https://armma.jp/wp-content/uploads/2014/05/kVEPcWcfSA2tgOpRz9Za__DSC0765-620x410-1.jpg" alt="kVEPcWcfSA2tgOpRz9Za__DSC0765" width="620" height="410" class="aligncenter size-large wp-image-1743" /></a>
[/highlight]
[highlight]
<img src="https://armma.jp/wp-content/uploads/2014/05/girl-flowers1-620x422-1.jpg" alt="This is caption" width="620" height="422" class="size-large wp-image-1738" />
[/highlight]
[highlight]
<img src="https://armma.jp/wp-content/uploads/2014/05/camera-man-620x413-1.jpg" alt="camera-man" width="620" height="413" class="aligncenter size-large wp-image-1737" />
[/highlight]
[/highlighter]

ハイセンスなデザインと圧倒的な自由度。

[countup class="pd40px-top" style="max-width:1180px;margin-left:auto;margin-right:auto;"] [counter to=8650 tocolor=#fff caption='ユーザー' captioncolor=#fff duration=3] [counter to=95.9 tocolor=#fff caption='満足度' captioncolor=#fff decimal=1 duration=2] [counter to=3480 tocolor=#fff caption='円〜' captionpos=right captioncolor=#fff duration=3] [counter to=12470 tocolor=#fff caption='ライセンス' captionsize=14 captioncolor=#fff bgcolor='#46B1D2' bdwidth=4 bdcolor='#50CEF6' bdradius=5 duration=3] [/countup]
- Clarity -