アイコン付きボックスとは
コンテンツの作成に便利な「アイコン付きボックス」を作成することができます。
ポイントをまとめる時やアクセントをもたせたい時に、ボックスを使うことで読みやすいページを作ることができます。
「アイコン付きボックス」は通常のボックスにアイコンがついたもので、主にコンテンツ内の注意書きやポイントを目立たせるときに活躍します。
25種類のアイコンから選択し、背景やテキストのカラーも自由に設定できます。
たとえば、以下のようなボックスを作成できます。
アイコン付きボックスの作成方法
記事投稿画面のブロック追加ボタンから「アイコン付きボックス」のアイコンを選択します。
選択すると、初期状態のアイコン付きボックスが挿入されます。
アイコン付きボックスの中をクリックすると、テキストを入力することができます。
アイコン付きボックスの設定
アイコン付きボックスを選択すると、記事投稿画面に設定パネルが表示されます。
以下の項目について設定することができます。
ボックスタイプ | ボックスのデザインを選択できます。 |
---|---|
アイコンの選択 |
複数のアイコンタイプから選択することができます。 |
Icon Class | 以下のサイトのアイコンclass名でも指定可能です。 https://fontawesome.com/icons |
丸み | 枠の丸みと表示・非表示を設定することができます。 |
影の有無 | 影の表示・非表示を設定できます。 |
枠線の有無 | 枠線の表示・非表示を設定できます。 |