アイコン付きボックスを作成する

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

コンテンツの作成に便利な「アイコン付きボックス」を作成することができます。
ポイントをまとめる時やアクセントをもたせたい時に、ボックスを使うことで読みやすいページを作ることができます。

「アイコン付きボックス」は通常のボックスにアイコンがついたもので、主にコンテンツ内の注意書きやポイントを目立たせるときに活躍します。
25種類のアイコンから選択し、背景やテキストのカラーも自由に設定できます。

たとえば、以下のようなボックスを作成できます。

アイコン付きボックス

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

記事投稿画面のブロック追加ボタンから「アイコン付きボックス」のアイコンをクリックします。

「アイコン付きボックス」のアイコンをクリック

選択すると、初期状態のアイコン付きボックスが挿入されます。

初期状態のアイコン付きボックス

アイコン付きボックスの中をクリックすると、テキストを入力することができます。

アイコン付きボックス

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

アイコン付きボックスを選択すると、記事投稿画面に設定パネルが表示されます。

設定パネル

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

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