Accordion 設定

Accordion は、項目ごとにコンテンツを展開・折りたたみできる UI コンポーネントです。

すべての内容を同時に表示するのではなく、ユーザーが操作しているセクションのみを展開する仕組みにより、以下の効果が得られます。

  • 表示スペースの節約
  • レイアウトの整理
  • 主要コンテンツへの集中度向上
  • Wysiwygエディターのサポート OK !

Accordion は、FAQ、操作ガイド、製品詳細説明、または明確なグルーピングが必要なあらゆるコンテンツに適しています。

設定content_copycheck_circle

Display Style Accordion の表示スタイルを選択できます。

現在は 2 種類のスタイルを用意しており、さまざまなレイアウトやデザインテイストに対応可能です。
Content Type Accordion 内に表示するコンテンツの種類を指定します。
主なモードは以下の 2 種類です:
Simple : 基本的なコンテンツ表示に適しています。
含まれる要素:

  • タイトル
  • テキスト本文

主な用途:

  • FAQ
  • 簡易的なQ&Aリスト
  • シンプルな情報コンテンツ
Advanced : 複雑な内容や柔軟なレイアウトが必要な場合に適しています。
WYSIWYG エディターを使用し、以下の要素を挿入できます。

  • 画像の挿入
  • 動画の埋め込み
  • テーブル(表)の追加
  • ボタンの設置
  • リストの作成
  • 高度なテキスト装飾・レイアウト設定
  • など

主な用途:

  • 詳細な操作ガイド
  • マーケティングコンテンツ
  • 製品機能の紹介
  • 多層構造のコンテンツ

Simple と Advanced の使い分け
Q&A形式のシンプルな内容であれば、システムを軽量かつミニマルに保つために Simple の使用を推奨します。
マルチメディア要素や柔軟なレイアウト構築が必要な場合は、WYSIWYG エディターの機能を最大限活用できる Advanced を選択してください。