---
sourceDocument: Xanadu 対話型インターフェース
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/conversational-interfaces

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu 対話型インターフェース

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# カタログブランディングの設定

# カタログブランディングの設定 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

仮想エージェントのカタログの外観を、ビジネスのブランディングに合わせてカスタマイズします。

## 始める前に

必要なロール：admin、virtual_agent_admin

ServiceNow Store から テーマビルダー をダウンロードし、プラグインをアクティブ化します (sn_theme_builder)。詳細については、「[Activate a plugin](https://www.servicenow.com/docs/access?context=t_ActivateAPlugin&version=xanadu&pubname=xanadu-platform-administration&ft:locale=en-US)」を参照してください。

## このタスクについて

仮想エージェント はブランディングセットアップ \[sys_cs_branding_setup\] テーブルを使用してブランディングカラーを定義しますが、カタログはブランディングカラーを継承しません。代わりに、カタログはインスタンスの UX テーマ \[sys_ux_theme\] レコードで定義されたカスケードスタイルシート (CSS) 変数を使用します。

## 手順

1. 移動先 すべてテーマテーマビルダー.
2. プライマリ色とセカンダリ色を指定して、新しいテーマを作成します。  
   注:  
   選択したブランディングレコードのチャットヘッダーの背景色とチャットの背景色に色を一致させることができます。テーマの作成の詳細については、「 [Create a theme with Theme Builder](https://www.servicenow.com/docs/access?context=tb-create-theme&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US)」を参照してください。
3. テーマを保存します。
4. テーマをポータル構成に追加します。
   1. 移動先 すべてNow Experience フレームワークテーマ.
   2. インポートするテーマのレコードを選択します。
   3. \[他のアクション\] アイコン (![]()) で、\[ コピー sys_id\] を選択します。
   4. 移動先 すべてサービスポータルエージェントチャット.
   5. ブランディング・テーマを追加するポータル構成を選択し、ステップ 4c のsys_idを含む次の行をサーバー・スクリプトに追加します。

   {#va-catalogs-branding__substeps_ugx_2rp_xbc}  
   たとえば、sys_idが 0be48eb1eba0011090fa99602a522843 の場合、次のように追加します。

       macroponent_theme: '0be48eb1eba0011090fa99602a522843'

5. 必要に応じて、バリアントテーマをポータル構成に追加します。
   1. 手順 4a と 4b を繰り返します。
   2. \[Compositional: App theme\] タブで、Typeが \[Variant\] の目的のStyleを開きます。
   3. 手順 4c と 4d を繰り返します。
   4. ブランディング・テーマを追加したポータル構成を選択し、ステップ 5c のsys_idを含む次の行をサーバー・スクリプトに追加します。

   {#va-catalogs-branding__substeps_vxh_prp_xbc}  
   たとえば、バリアントテーマのsys_idが 1df59fc2fcb1122101gb00713b633954 の場合、以下を追加します。

       macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'

6. \[更新\] を選択して構成を保存します。
7. 構成が使用されるポータルに移動します。  
   たとえば、 ESC Chat ポータル構成を更新した場合は、従業員サービスセンター (ESC) に移動します。
8. ポータルチャットでカタログトピックを実行してその構成をロードし、ブランディングが必要な要素を表示します。
9. 移動先 すべてNow Experience フレームワークテーマテーマビルダー.
10. ドロップダウンメニューから \[マネージャー\] を選択し、作成したテーマを選択します。
11. \[ コンポーネント スタイル \] タブで、\[ 編集\] を選択します。
12. ステップ 8 で見つかったブランディングが必要な要素の 1 つを選択します。
13. パレットサイドバーで、要素の 16 進コードの色をブランディングレコードの色と一致するように設定します。
14. ステップ 12 と 13 を繰り返して、すべての要素を更新します。

## タスクの結果

カタログの色テーマがブランディングと一致するようになりました。