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

設定方法

アコーディオンブロックは、Webページのコンテンツ部分を開閉することで表示・非表示を設定できるブロックです。ページが冗長な時に見やすくしたい、あるいは情報の取得を閲覧者の任意にしたいなどの用途で使用します。

編集画面上の+アイコンをクリックしてアコーディオンブロックを配置します。デフォルトの状態では下記画像のようにアコーディオンは開いた状態で編集画面に表示されます。

見出しを入力の部分には見出しテキストを入力できます、設定したい内容に適したテキストを入力しましょう。

ブロック設定

アコーディオンブロックに関する詳細な設定は編集画面右側のサイドバーで行います。

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

開閉設定

閉じた状態または開いた状態の表示指定や開閉アイコンの設定を行います。

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

見出し設定

見出しの高さやフォントの太ささ、角の丸みなどを調整できます。

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

アイコン設定

見出しの前にアイコンを表示する設定です。アイコンリストから希望するアイコンを指定できます。

色設定

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

表示例

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

表示例

表示例

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

表示例

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

表示例