
「FAアイコンボックス」は、Webサイト制作所が開発するWordPressテーマのオリジナルブロック機能のひとつ。Font Awesomeアイコンを使って、見出しやワンポイントの装飾を手軽に追加できます。難しい設定は不要で、クリック操作だけでおしゃれで統一感のあるアイコンボックスを作成可能です。
オリジナルブロック「FAアイコンボックス」
左線(アクセントカラー)
| アイコン | Font AwesomeのHTMLコードを設定 アイコンカラーはカラーピッカーでカスタム可能 アイコンサイズはマウス操作で変更可能 |
| ボックス背景色(内側) | カラーピッカーでカスタム可能 |
| ボックス背景色(内側) | 変更不可 |
| ボックス内テキスト | 文字色はカラーピッカーでカスタム可能 文字サイスはマウス操作で変更可能 |
| ボーダー | カラーピッカーでカスタム可能 |
○○○@chiyo-heart.com
アイコンが内側のデザイン
24H受付!
○○○@chiyo-heart.com
アイコンが外側のデザイン
フリーテキスト アイコンが外側のデザインはアイコン横にフリーテキストを設定できます!
「FAアイコンボックス」の作成方法
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「FAアイコンボックス」を呼び出します
- 「ブロックを追加」を選択
- オリジナルブロック「FAアイコンボックス」を選択
STEP 2 FAアイコンボックスを作成 ボックス内コメントを設定し各種カスタマイズ
- ボックス内のコメントを設定
- 各種カスタマイズを設定
STEP 3 完成 簡単操作で作成できます
簡単な操作でFont Awesomeのアイコンボックスが作成できます!