モーダルの図をカスタム画像で上書きする

デフォルトのモーダル図を変更または独自のカスタム画像で上書きして、会社のブランディングを反映する視覚要素を促進します。

始める前に

必要なロール：ui_builder_admin

詳細なロールの詳細については、「 Granular admin roles」を参照してください。

テーマビルダー にアップロードする前に、カスタム画像で目的の色が使用されており、ブランディング要件を満たしていることを確認してください。

このタスクについて

重要:

カスタムイメージはワークスペースに適用され、 コア UIではサポートされていません。

手順

1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
   テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。

   図 : 1. エディターページビュー

   

3. [テーマ] ドロップダウン リストから、編集するテーマを選択します。
4. 一般的なスタイルパネルから [画像スタイル] タブを選択し、[ モーダル] を展開します。
5. 次のいずれかのオプションを使用して、上書きするモーダル図を選択します。
   • [フィルター] アイコン アイコンを選択し、モーダルカテゴリを展開して、上書きする特定のモーダル図を選択します。
   • メインステージ内のモーダル図のリストをスクロールします。
   イラストを選択すると、プロパティパネルが開きます。

   図 : 2. モーダルが選択され、プラットフォーム/すべてのオンボーディングの図が選択された [画像スタイル] タブ

   

6. プロパティパネルで、[ イメージ ] タブを選択します。
7. デフォルトのモーダル図のファイル名を選択します。
   たとえば、この図にリストされているファイル名は onboarding-all-v2.svg です。
   画像のアップロードモーダルが表示されます。
8. カスタム画像をアップロードするには、次のいずれかのオプションを使用します。
   • [参照] を選択し、コンピューターのファイル ブラウザーからカスタム イメージ ファイルを選択して、[開く] を選択します。
   • コンピューターのファイルブラウザーからカスタム画像ファイルをドラッグし、画像を直接モーダルにドロップします。
   サイズと形式の制限事項については、「画像をアップロード」モーダルを参照してください。カスタム画像が必要なサイズと形式を満たしていない場合、画像は保存されません。
9. 画像をプレビューし、[ 保存] を選択します。
   カスタム画像は、選択したモーダルタイプのメインステージに表示されます。これで、カスタムイメージのファイル名がプロパティパネルに一覧表示されます。

   図 : 3. カスタム画像が表示されたプラットフォーム/オンボーディングのすべてのモーダルの図

   

10. オプション: デフォルトのモーダル図を復元する場合は、[上書きを削除] 記号を選択します。

    図 : 4. 上書きを削除

    

11. オプション: テーマをインスタンスに公開する前に、編集内容をプレビューします。
    1. [グローバルスタイル] パネルから [エクスペリエンスプレビュー ] タブを選択します。
    2. [エクスペリエンス] ドロップダウンリストからプレビューするエクスペリエンスを選択します。
    3. [新しいタブで開く] アイコン を選択して、エクスペリエンスを新しいタブで開きます。

       図 : 5. エクスペリエンスのプレビュー

       

タスクの結果

テーマが公開されている場合、更新時にテーマが適用されているユーザーにカスタム画像が表示されます。テーマの発行の詳細については、「 テーマビルダーでテーマを公開する」を参照してください。