プロモーションボックス用ショートコード

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

商品、サービスなどのPR用にアイコンまたは画像とテキストを組み合わせて訪問者に存分にアピールできるプロモーションボックスを表示できます。2〜4カラムの範囲に対応しています。

表示例

シンプルなPRボックス

Icon Coffee
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンの大きさを変えれます。

Code

Icon Coffee
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンの大きさを変えれます。

丸型、色付き、アイコンやフォントサイズを変更した例

プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Icon Sale
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンの大きさを変えれます。

Code

プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
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列表示にした場合

プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。

Code

プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。

4列表示した場合

プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Icon Linux
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
Icon Android
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。

Code

プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
Icon Linux
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
Icon Android
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。

任意の画像をアイコンにした場合

プロモーション用の説明文です。HTMLタグやショートコードも利用できます。画像を表示しています。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。画像を表示しています。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。画像を表示しています。
プロモーション用の説明文です。HTMLタグやショートコードも利用できます。画像を表示しています。

Code

プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。画像を表示しています。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。画像を表示しています。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。画像を表示しています。
プロモーション用の説明文です。<span class="b">HTMLタグやショートコード</span>も利用できます。画像を表示しています。

ホバーアニメーションを指定した場合

アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。
アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。
アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。

Code

アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。
アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。
アイコンをホバーしたときに、6種類の回転パターンとズーム表示からお好みで組み合わせてアニメーション表示することができます。

背景カラーを指定した場合

プロモーション用の説明文です。
ここには背景カラーのみを指定しています。
プロモーション用の説明文です。
ホバー時背景カラーのみを指定しています。
プロモーション用の説明文です。
背景カラーとホバー時背景カラーを指定しています。

Code

<div class="white">プロモーション用の説明文です。<br />ここには<span class="b">背景カラーのみを指定</span>しています。</div>
プロモーション用の説明文です。<br /><span class="b">ホバー時背景カラーのみを指定</span>しています。
<div class="white">プロモーション用の説明文です。<br /><span class="b">背景カラーとホバー時背景カラーを指定</span>しています。</div>

Point!レスポンシブ、スマホテーマ対応!
shortcode1shortcode2

>ゆりかごから墓場まで 創業以来230年

ゆりかごから墓場まで 創業以来230年

創業230年の歴史と、常に”もっと上”を追求する経営    最新鋭の3DCG提案に、構造・断熱の細かな全棟計算。 戸建・アパート・グループホーム等の新築・リフォームに留まらず、寺院の宮大工工事、遊戯施設の大型空調設備の計算・施工、美容室・飲食店の設計施工、果ては食品工場の新築・改修まですべての知識を持って、要求に応えます。 ”どこに聞いたらわからない”個人のお客様  ”すべて任せられる・応えられる人に相談にのってほしい”の法人のお客様 ぜひ一度問い合わせください。

CTR IMG