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

設定

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

  • アイコンリストから表示したいアイコンを選択します。
  • 配置でアイコンの表示位置(左・中央・右)を指定できます。
  • アイコンのサイズは8pxから80pxまで変更が可能です。
  • アイコンスタイルでアイコンの囲みを指定できます。ボーダー[角丸]かボーダー[円形]を指定した場合、枠線(ボーダー)の幅が反映されます。

タイトル設定

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

(1) タイトルの配置位置を指定できます。
(2) タイトル配置とアイコンの余白(距離)を指定できます。
(3) タイトルタグをh1からh6,divのいずれかに指定できます。

表示例

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

タイトル

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

タイトル

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