Adobe Captivate プロジェクトにアコーディオンウィジェットを追加

ウィジェットのアコーディオンの数を追加します。 最大 20 個のアコーディオンを追加できます。

ビジュアルプロパティの「コンポーネント」セクションでは、次の項目を追加できます。

• タイトル - これを選択すると、アコーディオンウィジェットのタイトルを追加できます。
• 本文 - これを選択すると、アコーディオンで扱われる手順やステップの簡単な説明を追加できます。
• 指示 - これを選択すると、学習者がアコーディオン内のタブを操作できるようになります。
• ナビゲーションボタン：ユーザーがスライド間を移動できるようにするには、「前へ」ボタンと「次へ」ボタンを選択します。

「整列および間隔」セクションを展開して、パディングまたはコンテンツの間隔を調整します。 「コンテンツ幅」スライダーを使用して、コンテンツを水平に揃えるか、パディングの値を個別に設定します。 「コンテンツの間隔」スライダーを使用して、コンテンツをコンパクトにしたり、広げたりします。

さらに、各タブ内の各コンポーネントを選択して、そのパディングを調整します。 Adobe Captivate におけるパディングの追加について、詳細を確認してください。

ウィジェットの背景、各タブ内のコンテンツ、またはカードの外観をカスタマイズします。 

「外観」セクションでは、枠線の種類、背景色、およびシャドウ（内側）を変更することにより、ウィジェットの背景をカスタマイズできます。

「設定」セクションを展開してトグルを有効にし、アコーディオンウィジェットのすべてのセクションに対し少なくとも 1 回のアクセスがあった場合に、自動で次のスライドに移動するようにできます。

「アコーディオン」セクションから、タブ内のコンポーネント（画像、見出し、小見出し、本文、カードなど）を選択します。

• 画像：タブ内に画像を追加するには、これを選択します。 アセットまたはシステムから画像を追加できます。 Captivate で画像を編集する方法について、詳細を確認してください。 
• 見出し：各タブのタイトルを追加するには、これを選択します。 
• 小見出し：タブ内のコンテンツの詳細を表示するには、これを選択します。 
• 本文：タブにコンテンツの説明テキストを追加するには、これを選択します。 
• カード：テキストを囲むカードを追加または削除するには、これを選択します。  

タブ内のコンテンツ領域の背景を変更するには、「外観」設定の「コンテンツ」を選択します。

「外観」設定で「カード」を選択し、カードのルックアンドフィールをカスタマイズします。

アコーディオンにアイコンを追加するには、タブを選択し、「コンポーネント」セクションから有効にします。

アイコンの外観と、選択時にアイコンが反転する方向をカスタマイズします。 このアイコンは、システムまたはアセットの SVG ファイルを置き換えることで変更できます。 ユーザーがアイコンのバウンディングボックスをクリックできるようにすることもできます。 Adobe Captivate での SVG に関する操作方法について、詳細を確認してください。

学習者のナビゲーションを向上させるために、標準、ホバー、閲覧済みの各ステートに応じたアコーディオンタブの動作をカスタマイズします。  「表示」を選択してステートを表示します。 次に、各ステートを選択して外観を変更します。

色、境界線、コーナーの半径、シャドウを調整して、各ステートの外観をカスタマイズし、視覚的にステートを区別します。 ステートを使用すると、学習者のインタラクションに基づいてオブジェクトの動作を変更できます。 Adobe Captivate におけるステートを使用する方法について、詳細を確認してください。

さらに、ビジュアルプロパティパネルで個々のオブジェクトを選択して、その外観をカスタマイズすることもできます。

• アコーディオンタブで画像を選択し、さらに画像を選択するか、フィルターやその他のカスタマイズを適用します。

•  アコーディオン内のテキストを選択し、フォントのカスタマイズ、プリセットの適用、色の変更、その他の書式設定オプションの変更を行います。

• ボタンを選択して、使用可能な他のデザインオプションを表示したり、ボタンのシェイプ、テキスト、またはアイコンの外観を変更したりします。