サポート サポートへのお問い合わせ | システムステータス システムステータス
ページコンテンツ

    ページ内エクスペリエンスのカスタムテーマの作成

    このトピックでは、ギャラリーインページエクスペリエンスで使用するカスタムテーマを作成する方法について説明します。

    テーマには、あらかじめ定義された色とフォントが用意されており、インページエクスペリエンスのスタイルを簡単に作成することができます。Gallery には既定のテーマのセットが用意されていますが、独自のカスタムテーマを作成することもできます。作成したカスタムテーマは、Video Cloud アカウント間で共有されます。ページ内エクスペリエンスにテーマを適用するとスタイルオプションを使用してエクスペリエンスの外観をさらにカスタマイズできます

    カスタムテーマの作成

    カスタムテーマを作成するには、次の手順を実行します。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ スタイル ] をクリックします。現在のテーマは、スタイル設定メニューの上部に表示されます。
    2. テーマをクリックします。すべてのテーマのリストが表示されます。
    3. [ カスタムテーマの追加 ] リンクをクリックします。
    4. テーマの名前を入力します。
    5. 必要に応じてスタイルを編集します。スタイル設定に加えられたすべての変更は、自動的に保存されます。
    6. 完了したら、[ < スタイルに戻る ] をクリックします。

    ページ内エクスペリエンスにテーマを適用する

    ページ内エクスペリエンスにテーマを適用するには、次の手順に従います。

    1. プロジェクトを編集し、左側のナビゲーションで [ スタイル ] をクリックします。現在のテーマは、スタイル設定メニューの上部に表示されます。
    2. テーマをクリックします。すべてのテーマのリストが表示されます。新しいテーマをクリックして選択します。
    3. 完了したら、[ < スタイルに戻る ] をクリックします。

    テーマを編集する

    テーマを編集すると、エクスペリエンスで特定のスタイル設定が変更されていない限り、そのテーマが適用されている既存のページ内エクスペリエンスにスタイルの変更が適用されます。たとえば、コーポレートテーマ「コーポレートテーマ」が作成され、オーバーレイテキストの色が赤に設定されます。新しいページ内エクスペリエンスが作成され、オーバーレイテキストの色が青に変更されます。新しいエクスペリエンスにコーポレートテーマを適用すると、以前のスタイルが変更された場合のオーバーレイテキストの色を除き、すべてのスタイルの変更が、コーポレートテーマで指定されたスタイルに置き換えられます

    テーマを編集するには、次の手順に従います。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ スタイル ] をクリックします。現在のテーマは、スタイル設定メニューの上部に表示されます。
    2. テーマをクリックします。すべてのテーマのリストが表示されます。
    3. 編集するテーマの編集アイコン ( ) をクリックします。
    4. 必要に応じてスタイルを編集します。スタイル設定に加えられたすべての変更は、自動的に保存されます。
    5. 完了したら、[ < スタイルに戻る ] をクリックします。

    テーマの複製

    テーマを複製するには、次の手順に従います。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ スタイル ] をクリックします。現在のテーマは、スタイル設定メニューの上部に表示されます。
    2. テーマをクリックします。すべてのテーマのリストが表示されます。
    3. 複製するテーマの複製アイコン ( ) をクリックします。
    4. テーマの新しい名前を入力し、[ 保存 ] をクリックします。
    5. 必要に応じてスタイルを編集します。スタイル設定に加えられたすべての変更は、自動的に保存されます。
    6. 完了したら、[ < スタイルに戻る ] をクリックします。

    テーマの削除

    テーマを削除するには、次の手順に従います。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ スタイル ] をクリックします。現在のテーマは、スタイル設定メニューの上部に表示されます。
    2. テーマをクリックします。すべてのテーマのリストが表示されます。
    3. 削除するテーマの削除アイコン ( ) をクリックします。削除を確認するよう表示があります。
    4. 完了したら、[ < スタイルに戻る ] をクリックします。