プロモーションボックス用ショートコード
このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です。
商品、サービスなどのPR用にアイコンまたは画像とテキストを組み合わせて訪問者に存分にアピールできるプロモーションボックスを表示できます。2〜4カラムの範囲に対応しています。
表示例
シンプルなPRボックス
Icon Coffee
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Code
Icon Coffeeプロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
丸型、色付き、アイコンやフォントサイズを変更した例
Icon Sale
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンの大きさを変えれます。
Code
Icon Saleプロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンの大きさを変えれます。
アイコンを左に配置した場合
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Icon Space Invader
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Code
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。Icon Space Invaderプロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
アイコンを右側に配置した場合
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Code
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
3列表示にした場合
Code
4列表示した場合
Icon Linux
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Icon Android
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Code
Icon Linuxプロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。Icon Androidプロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
任意の画像をアイコンにした場合
Code
ホバーアニメーションを指定した場合
Code
背景カラーを指定した場合
Code
<div class="white">プロモーション用の説明文です。<br />ここには<span class="b">背景カラーのみを指定</span>しています。</div><div class="white">プロモーション用の説明文です。<br /><span class="b">背景カラーとホバー時背景カラーを指定</span>しています。</div>