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

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

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

シンプルなPRボックス

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

Code

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

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

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

Code

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

アイコンを左に配置した場合

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

Code

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

アイコンを右側に配置した場合

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

Code

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

3列表示にした場合

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

Code

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

4列表示した場合

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

Code

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

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

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

Code

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

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

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

Code

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

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

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

Code

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

マウスオーバーでアイコンにシャドウを表示する例

タブレット端末ではレスポンシブ表示、スマートフォンではモバイル専用テーマで軽量化と最適化を行っています。レスポンシブ対応だけではもう古い!
ボタンやラベルなど標準であらゆるCSSセレクタとショートコードを用意。テーブル、Googleマップ、このPRボックスなども簡単に表示できます。
日付有無、カラムやカラー変更、ウィジェット制御、オリジナルCSS追加などできないことがないくらいテーマオプションは他のテーマに比べて圧倒的に豊富です。

Code

タブレット端末ではレスポンシブ表示、スマートフォンではモバイル専用テーマで軽量化と最適化を行っています。レスポンシブ対応だけではもう古い!
ボタンやラベルなど標準であらゆるCSSセレクタとショートコードを用意。テーブル、Googleマップ、このPRボックスなども簡単に表示できます。
日付有無、カラムやカラー変更、ウィジェット制御、オリジナルCSS追加などできないことがないくらいテーマオプションは他のテーマに比べて圧倒的に豊富です。
X