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

オリジナルブロック「アクセントボックス」
アクセントボックス
| アイコン | 初期設定ページでアイコン画像を設定 |
| ボックスタイプ | アイコンの位置設定(内側・外側) |
| アクセントテキスト | ボックスタイプで「外側」を選択した場合は設定可能 |
| 文字サイズ | px(ピクセル)単位で変更可能 |
| 上下の余白 | px(ピクセル)単位で変更可能 |
| タグ設定 | h1~h6とdivタグが設定可能 |
○○○@chiyo-heart.com
アイコンが内側のデザイン
アクセントテキスト!
○○○@chiyo-heart.com
アイコンが外側のデザイン
フリーテキスト アイコンが外側のデザインはアイコン横にフリーテキストを設定できます!
「アクセントボックス」の作成方法
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「アクセントボックス」を呼び出します
- 「ブロックを追加」を選択
- オリジナルブロック「アクセントボックス」を選択
STEP 2 FAアイコンボックスを作成 ボックス内コメントを設定し各種カスタマイズ
- ボックス内のコメントを設定
- 各種カスタマイズを設定