このブログは、DigiPressが制作したWordPressテーマMAGJAMを利用しています。
DigiPressテーマには専用プラグインがいくつかあります。
現在、4つのDigiPressテーマ専用プラグインがリリースされています。詳しくは下記の記事を参照下さい。
そのDigiPressテーマ専用プラグインの一つ、「Shortcodes for DigiPress」がアップデートされ、新たに2つのショートコードが追加されています。
追加されたのは以下の2つです。
- 相互参照表ショートコード
- 「よくある質問(FAQ)」リストショートコード
早速、その追加されたショートコードを試してみました。使い方と機能をご紹介します。
ショートコード利用する前に
このショートコードを利用するには以下の条件が必須となっています。
- DigiPressテーマを利用していること。
- DigiPress専用プラグイン「Shortcodes for DigiPress」を購入かつ利用されていること。
- 「Shortcodes for DigiPress」を最新バージョンにすること。
上記の内容で重要なのは、最新バージョンにアップデートすることです。執筆時現在(2017年6月30日)、最新バージョンは1.2.6.2となっています。
アップデートしていないと、追加された2つのショートコードが利用できませんので注意しましょう。
旧バージョンをご利用で、WordPress管理画面から最新版の通知確認と更新ができない場合は、「マイアカウントページ」の「購入履歴」より最新版をダウンロード後、FTPにてWordPressプラグインフォルダに直接アップロードしてください。
相互参照表ショートコード
このショートコードは、複数の商品やサービスなどの特徴や機能等の差異を一覧で比較、参照できる表を作成することができます。
レスポンシブ表示にも対応した相互参照表を表示することができます。
3〜8カラム(列)まで表示でき、カラム数に応じて既定の表示幅以下になるとレスポンシブ表示となり、横スクロールして表全体を閲覧可能な状態にします。縦の項目(行)数は、最大20項目まで指定可能です。
※ショートコードはDigiPress公式サイトのショートコードを例として利用しています。
[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]
ショートコードを利用すると上記のように相互参照表(Cross Reference Table)を記事に挿入することが可能になります。
このショートコード
以下のショートコードが相互参照表作成したショートコードとなっています。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
[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] |
「よくある質問(FAQ)」リストショートコード
このショートコードは、商品やサービスに関する「よくある質問」の一覧を、件数が多くなっても見やすくユーザーが見つけやすいリストで表示することができるようになります。
こちらのショートコードもレスポンシブ表示にも対応しています。
FAQだけでなく、サービスや商品の特徴をカテゴリー別にまとめ、個別にその詳細も確認可能な商品説明コンテンツなどにも利用できます。
※ショートコードはDigiPress公式サイトのショートコードを例として利用しています。
[faq
cat1=’購入前,cat1′
cat2=’ダウンロード関係,cat2′
cat3=’インストール関係,cat3′
cat4=’サポート関係,cat4′
cat5=’ライセンス関係,cat5′]
[faqitem
title=’支払い方法の種類は何がありますか?’
cat=cat1]
商品代金のお支払いは、オンラインでのお申込みのみとなっております。
対応可能なお支払い方法は、以下のとおりです。
支払い方法
- クレジットカード決済
- コンビニ後払い
- 銀行振込
[/faqitem]
[faqitem
title=”購入前に操作感を確かめたいです。体験版を提供してもらうことはできますか?”
cat=cat1]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”購入した商品を自社のサービスとして商用利用することはできますか?”
cat=cat1]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”購入した商品はどこからダウンロードできますか?”
cat=cat2]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”最新版をダウンロードするにはどこから行えますか?”
cat=cat2]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”商品のダウンロード可能な期間はありますか?”
cat=cat2]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”インストール方法がわかりません。手順をおしえてください。”
cat=cat3]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”インストールしようとしたところ、「Error 500: XXXXXXXXX」というエラーが発生してインストールできません。”
cat=cat3]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”商品のサポートに期限はありますか?どこからお問い合わせできますか?”
cat=cat4]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”有償サポートを依頼するにはどこからお問い合わせすればよいですか?”
cat=cat4]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”ライセンスはどのような単位で必要になるものですか?”
cat=cat5]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[faqitem
title=”新たにライセンスが必要になった場合は、追加で購入できますか?”
cat=cat5]
グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
[/faqitem]
[/faq]
ショートコードを利用すると上記のようによくある質問(FAQ)などを記事に挿入することが可能になります。
このショートコード
以下のショートコードを入力して上記の質問(FAQ)を表示しています。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
[faq cat1='購入前,cat1' cat2='ダウンロード関係,cat2' cat3='インストール関係,cat3' cat4='サポート関係,cat4' cat5='ライセンス関係,cat5'] [faqitem title='支払い方法の種類は何がありますか?' cat=cat1] 商品代金のお支払いは、オンラインでのお申込みのみとなっております。 対応可能なお支払い方法は、以下のとおりです。 <p class="label">支払い方法</p> <ul> <li>クレジットカード決済</li> <li>コンビニ後払い</li> <li>銀行振込</li> </ul> [/faqitem] [faqitem title="購入前に操作感を確かめたいです。体験版を提供してもらうことはできますか?" cat=cat1] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="購入した商品を自社のサービスとして商用利用することはできますか?" cat=cat1] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="購入した商品はどこからダウンロードできますか?" cat=cat2] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="最新版をダウンロードするにはどこから行えますか?" cat=cat2] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="商品のダウンロード可能な期間はありますか?" cat=cat2] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="インストール方法がわかりません。手順をおしえてください。" cat=cat3] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="インストールしようとしたところ、「Error 500: XXXXXXXXX」というエラーが発生してインストールできません。" cat=cat3] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="商品のサポートに期限はありますか?どこからお問い合わせできますか?" cat=cat4] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="有償サポートを依頼するにはどこからお問い合わせすればよいですか?" cat=cat4] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="ライセンスはどのような単位で必要になるものですか?" cat=cat5] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [faqitem title="新たにライセンスが必要になった場合は、追加で購入できますか?" cat=cat5] グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。 [/faqitem] [/faq] |
さいごに
追加された2つのショートコードを実際に利用してみました。
商品の価格比較表や、商品を販売してその商品に対する「よくある質問」などFAQを利用したい人にとっては使えるショートコードではないでしょうか。
ぜひ利用されてみて下さい。
それではまた〜