プラグイン「Emanon Premium Blocks」を有効化すると、「アコーディオンブロック」が利用できます。アコーディオンブロックは、見出と文章(またはブロック)を設定できます。見出にはアイコンの表示が可能です。

設定方法

ブロックエディタからアコーディオンブロックを配置します。ページ編集画面ではアコーディオンは開いた状態で表示されます。

ブロック配置時の表示

ブロック設定

ブロック全体に関する設定です。ボーダーの有無や角の丸み、影の有無やコンテンツ内の余白を調整できます。

  1. ブロックを囲む枠線の種類を設定します。
  2. ブロックに薄い影を表示の有無の指定です。
  3. ブロック角の丸みを設定します。
  4. コンテンツ内の余白を設定します。

開閉設定

アコーディオンブロックの開閉状態に関する設定です。アイコンの位置や種類を指定できます。

  1. 初期表示の状態を設定します。
  2. 開閉アイコンの配置を左配置または右配置から指定します。
  3. 開閉アイコンを4種類から1つ指定します。

見出し設定

見出しの高さや角の丸みなどを調整できます。

  1. 見出し背景色の角丸を指定します。

アイコン設定

見出しの前にアイコンを表示する設定です。

表示例
見出し

アイコン設定でicon-checkmarkを指定した表示例です。

色設定

開閉アイコンや見出しと見出し[背景色]とブロック全体の背景色を指定できます。

表示例

下記ブロックは、開閉設定を開くに指定した例です。

見出し

文章

下記ブロックは、開閉設定を閉じるに指定した例です。

見出し

下記ブロックは、開閉設定を閉じる・開閉アイコンを右に指定した例です。

見出し
見出し

文章

見出し

文章

見出し

文章