DUCALE : Official Site

STUCCO-ITALIANO, MOSAIC, RELIEF, FINEARTS

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

4カラムで表示したシンプルな例

[crtable
column=4
hdtitle=’特徴’
hdcell1=’共通ユーザー数’
hdcell2=’お試し期間’
hdcell3=’ストレージ’
hdcell4=’サポート’
hdcell5=’価格’]

[crtablecol
title=’プラン1′
cell1=’1人’
cell2=’30日’
cell3=’10GB’
cell4=’
cell5=’500円/月’]

[crtablecol
title=’プラン2′
cell1=’5人’
cell2=’30日’
cell3=’50GB’
cell4=’1ヶ月’
cell5=’1,980円/月’]

[crtablecol
title=’プラン3′
cell1=’10人’
cell2=’30日’
cell3=’100GB’
cell4=’3ヶ月’
cell5=’3,280円/月’]
[/crtable]

このショートコード

[crtable
column=4
hdtitle='<i class="icon-list"></i>特徴'
hdcell1='<i class="icon-users"></i>共通ユーザー数'
hdcell2='<i class="icon-heart"></i>お試し期間'
hdcell3='<i class="icon-database"></i>ストレージ'
hdcell4='<i class="icon-mail-alt"></i>サポート'
hdcell5='<i class="icon-coin-yen"></i>価格']

[crtablecol
title='プラン1'
cell1='1人'
cell2='30日'
cell3='10GB'
cell4='<i class="icon-cross red"></i>'
cell5='500円/月']

[crtablecol
title='プラン2'
cell1='5人'
cell2='30日'
cell3='50GB'
cell4='<i class="icon-ok green"></i>1ヶ月'
cell5='1,980円/月']

[crtablecol
title='プラン3'
cell1='10人'
cell2='30日'
cell3='100GB'
cell4='<i class="icon-ok green"></i>3ヶ月'
cell5='3,280円/月']

[/crtable]

様々なオプションを指定して7カラムで表示した例

[crtable
column=7
fontsize=12
hdalign=center
hdfontcolor=#eeeeee
hdbgcolor=’rgba(0,0,0,0.7)’
hdtitle=’特徴’
hdcell1=’共通ユーザー数’
hdcell2=’お試し期間’
hdcell3=’ストレージ’
hdcell4=’サポート’
hdcell5=’価格’]

[crtablecol
title=’プラン1′
cell1=’1人’
cell2=’30日’
cell3=’10GB’
cell4=’
cell5=’500円/月’]

[crtablecol
title=’プラン2′
cell1=’5人’
cell2=’30日’
cell3=’50GB’
cell4=’1ヶ月’
cell5=’1,980円/月’]

[crtablecol
title=’プラン3′
titlecolor=#fff
titlebgcolor=#0b7fa5
fontcolor=#fff
bgcolor=’rgba(105,122,142,0.8)’
cell1=’10人’
cell2=’30日’
cell3=’100GB’
cell4=’3ヶ月’
cell5=’3,280円/月’]

[crtablecol
title=’プラン4′
cell1=’20人’
cell2=’30日’
cell3=’200GB’
cell4=’
cell5=’お申込み‘]

[crtablecol
title=’プラン5′
cell1=’30人’
cell2=’30日’
cell3=’300GB’
cell4=’
cell5=’お申込み‘]

[crtablecol
title=’プラン6′
cell1=’40人’
cell2=’30日’
cell3=’400GB’
cell4=’
cell5=’お申込み‘]
[/crtable]

このショートコード

[crtable
column=7
fontsize=12
hdalign=center
hdfontcolor=#eeeeee
hdbgcolor='rgba(0,0,0,0.7)'
hdtitle='特徴'
hdcell1='共通ユーザー数'
hdcell2='お試し期間'
hdcell3='ストレージ'
hdcell4='サポート'
hdcell5='価格']

[crtablecol
title='プラン1'
cell1='1人'
cell2='30日'
cell3='10GB'
cell4='<i class="icon-cross red"></i>'
cell5='500円/月']

[crtablecol
title='プラン2'
cell1='5人'
cell2='30日'
cell3='50GB'
cell4='<i class="icon-ok green"></i>1ヶ月'
cell5='1,980円/月']

[crtablecol
title='プラン3'
titlecolor=#fff
titlebgcolor=#0b7fa5
fontcolor=#fff
bgcolor='rgba(105,122,142,0.8)'
cell1='10人'
cell2='30日'
cell3='100GB'
cell4='<i class="icon-ok"></i>3ヶ月'
cell5='3,280円/月']

[crtablecol
title='プラン4'
cell1='20人'
cell2='30日'
cell3='200GB'
cell4='<i class="icon-ok green"></i>'
cell5='<a href="/" class="b">お申込み</a>']

[crtablecol
title='プラン5'
cell1='30人'
cell2='30日'
cell3='300GB'
cell4='<i class="icon-ok green"></i>'
cell5='<a href="/" class="b">お申込み</a>']

[crtablecol
title='プラン6'
cell1='40人'
cell2='30日'
cell3='400GB'
cell4='<i class="icon-ok green"></i>'
cell5='<a href="/" class="b">お申込み</a>']

[/crtable]

レスポンシブ表示例

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

[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 -