Accordion 設定
schedule2026.03.04
Accordion は、項目ごとにコンテンツを展開・折りたたみできる UI コンポーネントです。
すべての内容を同時に表示するのではなく、ユーザーが操作しているセクションのみを展開する仕組みにより、以下の効果が得られます。
- 表示スペースの節約
- レイアウトの整理
- 主要コンテンツへの集中度向上
- Wysiwygエディターのサポート OK !
Accordion は、FAQ、操作ガイド、製品詳細説明、または明確なグルーピングが必要なあらゆるコンテンツに適しています。
設定content_copycheck_circle

| Display Style | Accordion の表示スタイルを選択できます。 現在は 2 種類のスタイルを用意しており、さまざまなレイアウトやデザインテイストに対応可能です。 |
| Content Type | Accordion 内に表示するコンテンツの種類を指定します。 主なモードは以下の 2 種類です: |
| Simple : 基本的なコンテンツ表示に適しています。 含まれる要素:
主な用途:
|
|
| Advanced : 複雑な内容や柔軟なレイアウトが必要な場合に適しています。 WYSIWYG エディターを使用し、以下の要素を挿入できます。
主な用途:
|
Simple と Advanced の使い分け
Q&A形式のシンプルな内容であれば、システムを軽量かつミニマルに保つために Simple の使用を推奨します。
マルチメディア要素や柔軟なレイアウト構築が必要な場合は、WYSIWYG エディターの機能を最大限活用できる Advanced を選択してください。