プラグイン「Emanon Premium Blocks」を有効化すると、「アイコンブロック」が利用できます。アイコンブロックは、他のブロックとの組み合わせすることで、表現の幅が広がります。

設定

ブロックエディタからアイコンブロックを配置します。

(1) 表示したいアイコンを選択します。
(2) アイコンのサイズは8pxから80pxまで変更が可能です。
(3) アイコンの配置位置を指定できます。


(4) アイコンを枠線で囲みたい場合、ボーダー[角丸]かボーダー[円形]を指定します。
ボーダー[角丸]かボーダー[円形]を指定した場合、枠線(ボーダー)の幅が反映されます。
(5) アイコンに隣接したタイトル(見出し)の表示・非表示を指定します。

タイトル設定

タイトルの表示を有効にすると、タイトル設定が可能になります。

(1) タイトルをアイコンの右側に配置するか、アイコンの下に配置するか指定できます。
(2) タイトル配置を右配置に指定した場合の左余白を指定できます。タイトル配置が下配の場合、タイトル余白は[上]の指定に切り替わります。
(3) タイトルタグをh1からh6,divのいずれかに指定できます。

表示例

下記ブロックは、タイトル表示を有効にし、タイトルを右配置に指定した表示例です。

タイトル

下記ブロックは、アイコンスタイルをボーダー[円形]、タイトルを下配置に指定した表示例です。

タイトル

下記ブロックは、カラムブロックとパネルブロックを利用したアイコンブロックの配置例です。