提供中のWordPressテーマ「DigiPress」シリーズ専用プラグイン「Shortcodes for DigiPress」に、新たに「料金表(Pricing Table)ショートコード」が追加されました。

このショートコードを利用することで、Webページ上で販売中の商品やサービスごとの料金一覧とその比較表を簡単に作成することができ、訪問者や見込み客に対してとても効果的にアピールすることができます。

料金表ショートコードでは、以下のコンテンツから自由に組み合わせて表示可能です。

1アイテムに表示可能なコンテンツ

• メインタイトル(キャプションの挿入も可)
• 価格(キャプションの挿入も可)
• 自由行(ユーザーの自由コンテンツ、最大10行)
• ボタンリンク
• ラベル表示(右上の三角エリア)

これらのコンテンツを組み合わせたものを1アイテム(1カラム)として、数に制限なく複数の料金アイテムを並べて料金表や比較表を構成できます。

このショートコードは、あらゆる料金表の要件とデザインを容易に実現にするため、非常に多くのパラメータが用意されていますので、サイトのデザインや商品、サービスのイメージに合わせた料金表を誰でも簡単に作成できます。

最低限のパラメータを指定した例(3アイテムの場合)

このショートコード

[ptable]
[ptableitem 
title='ベーシック' 
price='¥980' 
row1='WordPress 1サイト利用可能' 
row2='最大25,000アクセス/月' 
row3='転送量最大 300GB/月' 
button='お申し込み' 
buttonurl='#']
 
[ptableitem 
title='スタンダード' 
price='¥1,980' 
row1='WordPress 3サイト利用可能' 
row2='最大100,000アクセス/月' 
row3='転送量最大 600GB/月' 
button='お申し込み' 
buttonurl='#']
 
[ptableitem 
title='プレミアム' 
price='¥39,800' 
row1='WordPressサイト数無制限' 
row2='最大500,000アクセス/月' 
row3='転送量無制限' 
button='お申し込み' 
buttonurl='#']
[/ptable]

様々なオプションを組み合わせた例

このショートコード

[ptable hoverfx=1]
[ptableitem 
title='<i class="icon-user"></i>ベーシック' 
titlesize=18
titlecaption='スタータープラン' 
titlecaptionsize=12 
price='&yen;980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 1サイト利用可能' 
row2='<i class="icon-users"></i>最大25,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 300GB/月' 
row4='<i class="icon-database"></i>最大50GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonbdsize=24
buttonext=1
border=1
bdcolor='#82DACA'
keycolor='#82DACA']
 
[ptableitem 
title='<i class="icon-warmedal"></i>スタンダード' 
titlesize=18
titlecaption='もっともポピュラーなプラン' 
titlecaptionsize=12 
price='&yen;1,980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 3サイト利用可能' 
row2='<i class="icon-users"></i>最大100,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 600GB/月' 
row4='<i class="icon-database"></i>最大500GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonbdsize=30
buttonext=1
border=1
bdcolor='#49D1FF'
keycolor='#49D1FF']
 
[ptableitem 
title='<i class="icon-crown"></i>プレミアム'
titlesize=18 
titlecaption='商用利用に最適なプラン' 
titlecaptionsize=12 
price="&yen;39,800" 
priceper="/ 月" 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPressサイト数無制限' 
row2='<i class="icon-users"></i>最大500,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量無制限' 
row4='<i class="icon-database"></i>最大3TBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonbdsize=24
buttonext=1 
keycolor='#FF76A1'
border=1
bdcolor='#FF76A1']
[/ptable]

強調(拡大)表示、ラベルを表示した例

このショートコード

[ptable]
[ptableitem 
title='<i class="icon-user"></i>ベーシック' 
titlesize=18
titlecaption='スタータープラン' 
titlecaptionsize=12 
price='&yen;980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 1サイト利用可能' 
row2='<i class="icon-users"></i>最大25,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 300GB/月' 
row4='<i class="icon-database"></i>最大50GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonfill=1
keycolor='#82DACA']
 
[ptableitem 
title='<i class="icon-warmedal"></i>スタンダード' 
titlesize=18
titlecaption='もっともポピュラーなプラン' 
titlecaptionsize=12 
price='&yen;1,980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 3サイト利用可能' 
row2='<i class="icon-users"></i>最大100,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 600GB/月' 
row4='<i class="icon-database"></i>最大500GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonbdsize=30
buttonfill=1
label='Popular!'
labelbgcolor=#EBD545
labelcolor='#fff'
boxshadow=1
main=1
keycolor='#49D1FF']
 
[ptableitem 
title='<i class="icon-crown"></i>プレミアム'
titlesize=18 
titlecaption='商用利用に最適なプラン' 
titlecaptionsize=12 
price="&yen;39,800" 
priceper="/ 月" 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPressサイト数無制限' 
row2='<i class="icon-users"></i>最大500,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量無制限' 
row4='<i class="icon-database"></i>最大3TBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonfill=1
keycolor='#FF76A1']
[/ptable]

ダークカラーを基本とした例

このショートコード

[ptable]
[ptableitem 
title='<i class="icon-user"></i>ベーシック' 
titlesize=18
titlecaption='スタータープラン' 
titlecaptionsize=12 
price='&yen;980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 1サイト利用可能' 
row2='<i class="icon-users"></i>最大25,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 300GB/月' 
row4='<i class="icon-database"></i>最大50GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonbdsize=24
bgcolor=#393939
fontcolor=#fff
keycolor='#82DACA']
 
[ptableitem 
title='<i class="icon-warmedal"></i>スタンダード' 
titlesize=18
titlecaption='もっともポピュラーなプラン' 
titlecaptionsize=12 
price='&yen;1,980' 
priceper='/ 月' 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPress 3サイト利用可能' 
row2='<i class="icon-users"></i>最大100,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量最大 600GB/月' 
row4='<i class="icon-database"></i>最大500GBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonsize=18
buttonbdsize=30
label='Popular!'
labelbgcolor=#EBD545
labelcolor='#fff'
bgcolor=#393939
fontcolor=#fff
border=1
bdcolor=#49D1FF
main=1
keycolor='#49D1FF']
 
[ptableitem 
title='<i class="icon-crown"></i>プレミアム'
titlesize=18 
titlecaption='商用利用に最適なプラン' 
titlecaptionsize=12 
price="&yen;39,800" 
priceper="/ 月" 
pricesize=40 
pricecaption='消費税込み' 
row1='<i class="icon-wordpress"></i>WordPressサイト数無制限' 
row2='<i class="icon-users"></i>最大500,000アクセス/月' 
row3='<i class="icon-retweet"></i>転送量無制限' 
row4='<i class="icon-database"></i>最大3TBのローカルストレージ' 
button='お申し込み' 
buttonurl='#' 
buttonbdsize=24
bgcolor=#393939
fontcolor=#fff
keycolor='#FF76A1']
[/ptable]

既に本プラグインをお持ちの既存ユーザー様は、プラグインを最新版にアップデート後、以下オンラインドキュメントにて料金表ショートコードの使い方、詳細をご確認の上、本ショートコードをご利用ください。

DigiPressをご検討中の方は、以下より提供中のテーマと専用プラグインについてご覧いただけます。