タイルアイコンイラストをカスタム画像で上書きする

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:2分
  • デフォルトのタイルアイコンイラストを変更または独自のカスタム画像で上書きして、会社のブランディングを反映する視覚要素を促進します。

    始める前に

    必要なロール:ui_builder_admin

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

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

    このタスクについて

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

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマビルダー.
      テーマビルダーランディングページが新しいタブで開き、ホームページビューに表示されます。
    2. [ページ] ドロップダウンリストを使用して、[エディター] ページビューを選択します。
      図 : 1. エディターページビュー
      エディターページの表示例。
    3. [テーマ] ドロップダウン リストから、編集するテーマを選択します。
    4. 一般的なスタイルパネルから [画像スタイル] タブを選択し、[ タイル] アイコンを展開します。
    5. 次のいずれかのオプションを使用して、上書きするタイルアイコン図を選択します。
      • フィルターアイコン アイコンを選択し、タイルアイコンカテゴリを展開して、上書きする特定の図を選択します。
      • メインステージ内のタイルアイコンイラストのリストをスクロールします。
      イラストを選択すると、プロパティパネルが開きます。
      図 : 2. タイルアイコンが展開された [画像スタイル] タブ
      メインステージにタイルアイコンの図がリストされ、プロパティパネルが開いている、選択された [画像スタイル] タブ。
    6. プロパティパネルで、[ イメージ ] タブを選択します。
    7. デフォルトのタイルアイコン図のファイル名を選択します。
      画像のアップロードモーダルが表示されます。
    8. カスタム画像をアップロードするには、次のいずれかのオプションを使用します。
      • [参照] を選択し、コンピューターのファイル ブラウザーからカスタム イメージ ファイルを選択して、[開く] を選択します。
      • コンピューターのファイルブラウザーからカスタム画像ファイルをドラッグし、画像を直接モーダルにドロップします。
      サイズと形式の制限事項については、「画像をアップロード」モーダルを参照してください。カスタム画像が必要なサイズと形式を満たしていない場合、画像は保存されません。
    9. モーダルで画像をプレビューし、[ 保存] を選択します。
      図 : 3. カスタム画像が表示された画像のアップロードモーダル
      カスタム画像が表示され、[保存] が選択された画像のアップロードモーダル。
      保存すると、選択したカードカテゴリ内のメインステージにカスタム画像が表示されます。これで、カスタムイメージのファイル名がプロパティパネルに一覧表示されます。
    10. オプション: デフォルトのタイルアイコン図を復元する場合は、[上書き記号を削除] を選択します。
      図 : 4. 上書きを削除
      カスタムイメージの上書き記号を削除します。
    11. オプション: テーマをインスタンスに公開する前に、編集内容をプレビューします。
      1. [グローバルスタイル] パネルから [エクスペリエンスプレビュー ] タブを選択します。
      2. [エクスペリエンス] ドロップダウンリストからプレビューするエクスペリエンスを選択します。
      3. [新しいタブで開く] アイコン を選択して、エクスペリエンスを新しいタブで開きます。
        図 : 5. エクスペリエンスのプレビュー
        [アドミンセンターエクスペリエンス] が選択されたグローバルスタイルエクスペリエンスのプレビュー画面。

    タスクの結果

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