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

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

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

オリジナルブロック「アクセントボックス」

アクセントボックス

アイコン初期設定ページでアイコン画像を設定
ボックスタイプアイコンの位置設定(内側・外側)
アクセントテキストボックスタイプで「外側」を選択した場合は設定可能
文字サイズpx(ピクセル)単位で変更可能
上下の余白px(ピクセル)単位で変更可能
タグ設定h1~h6とdivタグが設定可能
カスタム条件

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

アクセントテキスト! ○○○@chiyo-heart.com
アイコンが外側のデザイン

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

「アクセントボックス」の作成方法

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

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

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

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

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

内側を選択したアクセントボックスです。

外側選択 簡単な操作でアクセントボックスが作成できます!