アイコン付きボックスとは

要点をまとめる時やアクセントをもたせたい時に、ボックスを使って読みやすいコンテンツを作成できます。
「アイコン付きボックス」は通常のボックスにアイコンがついたもので、主にコンテンツ内の注意書きやポイントを目立たせるときに使用します。
たとえば、以下のようなボックスを作成できます。

アイコン付きボックスのサンプル

アイコン付きボックスのサンプル

アイコン付きボックスの作成方法

STEP1
「アイコン付きボックス」のアイコンを選択

記事投稿画面のブロック挿入ツールから「アイコン付きボックス」のアイコンを選択します。

「アイコン付きボックス」のアイコンを選択
STEP2
テキストを入力

選択すると、初期状態のブロックが挿入されます。

テキストを入力

ブロックの中をクリックすると、テキストを入力できます。

テキストを入力

アイコン付きボックスの設定

ブロックを選択すると、記事投稿画面に設定パネルが表示されます。

アイコン付きボックスの設定

以下の項目について設定できます。

ボックスタイプボックスのデザインを選択できます。
アイコンの選択複数のアイコンタイプから選択できます。
Icon Class以下のサイトのアイコンclass名でも指定可能です。
https://fontawesome.com/icons
丸み枠の丸みを設定できます。
影の有無影の表示・非表示を設定できます。
枠線の有無枠線の表示・非表示を設定できます。