アイコンを作成する

アイコンとは

「アイコン」ブロックは、アイコンを単体で表示したり、複数並べて表示したい場合に使用します。
アイコンは個別で色を指定したり、一括で丸みや大きさを変更できます。

アイコン

アイコンの作成方法

1.「アイコン」のアイコンをクリック

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

「アイコン」のアイコンをクリック

2.アイコンを挿入

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

初期状態のブロック

親ブロックの選択

ブロック上部の「親ブロック選択」をクリックすると、複数のアイコンをまとめて選択できます。

「親ブロック選択」をクリック

アイコンの設定

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

設定パネル

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

アイコン設定 アイコンを自由に選択できます。
一覧に無いアイコンはFont Awesomeのclass名を指定することで使用できます。
class名の例: fa-solid fa-xmark
リンクの設定 リンクを設定できます。
サイズ設定 「小、中、大」から大きさを選択できます。
「アイコンサイズ」、「余白」から任意の数値を指定することも可能です。
枠設定 「丸み」や「枠線の有無」、「枠線の太さ」を選択できます。

一括設定について

親ブロックを選択することで、設定パネルからアイコンの設定を一括で変更できます。

設定パネル

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

レイアウト 中央揃えで配置したり、縦方向にアイコンを並べ替えることができます。
サイズ設定 「小、中、大」から大きさを選択できます。
「アイコンサイズ」、「余白」から任意の数値を指定することも可能です。
一括枠設定 「丸み」や「枠線の有無」、「枠線の太さ」を選択できます。