見出しやワンポイントアクセントに最適!オリジナルブロック「FAアイコンボックス」で魅せるデザインを簡単に

フリーランス主夫のWebサイト制作所のWordPressテーマ「PARTNERシリーズ」のオリジナルブロッグ【FAアイコンボックス】

「FAアイコンボックス」は、Webサイト制作所が開発するWordPressテーマのオリジナルブロック機能のひとつ。Font Awesomeアイコンを使って、見出しやワンポイントの装飾を手軽に追加できます。難しい設定は不要で、クリック操作だけでおしゃれで統一感のあるアイコンボックスを作成可能です。

shareお願いします!

オリジナルブロック「FAアイコンボックス」

左線(アクセントカラー)

アイコンFont AwesomeのHTMLコードを設定
アイコンカラーはカラーピッカーでカスタム可能
アイコンサイズはマウス操作で変更可能
ボックス背景色(内側)カラーピッカーでカスタム可能
ボックス背景色(内側)変更不可
ボックス内テキスト文字色はカラーピッカーでカスタム可能
文字サイスはマウス操作で変更可能
ボーダーカラーピッカーでカスタム可能
カスタム条件

○○○@chiyo-heart.com
アイコンが内側のデザイン

24H受付! ○○○@chiyo-heart.com
アイコンが外側のデザイン

フリーテキスト アイコンが外側のデザインはアイコン横にフリーテキストを設定できます!

「FAアイコンボックス」の作成方法

STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「FAアイコンボックス」を呼び出します

  • 「ブロックを追加」を選択
  • オリジナルブロック「FAアイコンボックス」を選択

STEP 2 FAアイコンボックスを作成 ボックス内コメントを設定し各種カスタマイズ

  • ボックス内のコメントを設定
  • 各種カスタマイズを設定

STEP 3 完成 簡単操作で作成できます

簡単な操作でFont Awesomeのアイコンボックスが作成できます!

WordPressテーマのオリジナルブロック

shareお願いします!