アコーディオンを利用すると、多くのコンテンツをコンパクトかつ整理された形で表示でき、ユーザーが簡単に情報を探しやすくなります。アコーディオンを活用することで、見た目にも魅力的でユーザーフレンドリーなデザインを作成でき、訪問者の関心を引き続けることができます。

Visual Editorでアコーディオンを編集する

1. ダッシュボードに移動し、カスタマイズをクリックし、さらにVisual Editorを選択します（またはビルダー画面右側の パレットアイコンをクリックしても操作できます）。
   

2. Visual Editorツールが開いたら、下にスクロールし、詳細を選択し、Elementタブ内のAccordionをクリックします。

3. テーマとしてダークまたはライトを選択します。

• Boxedまたはよくある質問（FAQ）は、要素プロパティ「箱」のスタイルで選択した内容に基づいて表示されます。
  

• フォントのスタイル、フォントサイズ、フォントの太さ、フォントカラー、折れ線グラフの高さ、文字間隔などを変更できます。

• テキスト、枠線、背景色について、有効（開く または 展開中）のアコーディオンメニューにお好みの色を選択できます。色の選択は 有効テキスト色、有効枠線色、または有効背景色をクリックして指定します。

• 同様に、完了アコーディオンメニュー（すべてのタブを含む）の枠線色や背景色、および各アコーディオンの下に表示される回答部分の色も変更できます。変更するには、枠線色、背景色、およびコンテンツ背景色をそれぞれクリックしてください。

4. 必要な変更を行った後、保存をクリックします。