---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# ポータルケースカードウィジェットの追加と構成

# ポータルケースカードウィジェットの追加と構成 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

ポータルケースカードウィジェットをポータルに追加し、そのデータ、表示、および動作を変更します。ポータルケースカードウィジェットを使用して、ケースに関連するステータス、優先度、およびその他の関連する詳細を表示できます。

## 始める前に

UI Components for Customer Portals プラグインがアクティブ化されている必要があります。詳細については、「[UI Components for Customer Portals プラグインのアクティブ化](https://servicenow-prod.fluidtopics.net/~YIqZCUvk_9ai1A_6cyivg "UI Components for Customer Portals プラグイン (sn_ciwf_ui_cmpnt) をアクティブ化すると、構成可能なポータルウィジェットを有効にすることができます。このアプリケーションは、まだインストールされていない関連するプラグインをインストールします。")」を参照してください。

ウィジェットを追加するページをまだ作成していない場合は、「[構成可能なポータルウィジェットのページの作成](https://servicenow-prod.fluidtopics.net/K5kw12h9OFLNz4zaZkqAKA "構成可能なポータルウィジェットを追加できるページを作成します。")」を参照してください。

必要なロール：sp_admin

## 手順

1. 移動先: すべてサービスポータルサービスポータル構成.
2. \[デザイナー\] を選択します。
3. サービスポータルデザイナーのページで、ウィジェットを追加するページを検索して選択します。
4. \[ウィジェット\] タブを選択します。
5. \[レイアウト\] セクションで、コンテナレイアウトをポータル編集ページ上にドラッグします。
6. コンテナ上で、プラスボタン (![プラスボタン]()) を選択して列のセットを追加します。
7. \[ウィジェット\] ペインの \[フィルターウィジェット\] フィールドに「<kbd class="ph userinput">ポータルケースカード</kbd>」と入力します。
8. ウィジェットをコンテナ上にドラッグします。
9. \[編集\] ページで、ポータル ケースカードウィジェットを選択します。
10. 鉛筆アイコン (![鉛筆アイコン]()) を選択します。
11. ウィジェットに表示されるケースのステータスを示すために、構成した背景色とテキスト色を使用する場合は、\[ステータスのハイライト表示の色 (State Highlight Color)\] フィールドに次の形式の JSON コードを入力し、目的の色に変更します。  
    すべてのケースステータスのデフォルトのテキスト色は #181A1F (黒) です。ステータスを作成する場合、デフォルトのハイライト色は #CBE9FC (ライトブルー) で、テキスト色は #181A1F (黒) です。デフォルト色の値の詳細については、「[さまざまなケース状況のデフォルトのハイライト表示色](https://servicenow-prod.fluidtopics.net/WcyO2gwOOV9UaZcb8SCLUg "ポータルケースカードウィジェットのすべてのケースステータスについて、背景色とテキスト色のデフォルト値を示します。")」を参照してください。

        [
          {
            "value": "1",
            "background_colour": "#CBE9FC",
            "text_colour": "#181A1F"
          },
          {
            "value": "10",
            "background_colour": "#D1D2EE",
            "text_colour": "#181A1F"
          },
          {
            "value": "18",
            "background_colour": "#FBF7BF",
            "text_colour": "#181A1F"
          },
          {
            "value": "6",
            "background_colour": "#D2EABC",
            "text_colour": "#181A1F"
          },
          {
            "value": "3",
            "background_colour": "#C2C4CA",
            "text_colour": "#181A1F"
          },
          {
            "value": "7",
            "background_colour": "#FFCCD2",
            "text_colour": "#181A1F"
          }
        ]

    \<value\> に、色を変更するケースステータスを整数で入力します。この値の見つけ方の詳細については、「[すべてのケースのステータスの整数値を表示する](https://servicenow-prod.fluidtopics.net/OFzkLnnaGJCocg2rgGt9TQ "ケースに関連付けられているすべてのステータスの整数値を表示します")」を参照してください。
12. インスタンスフォームの各フィールドに入力します。  
    フィールド値の説明については、「[ポータルケースカードウィジェットインスタンスのオプションフォーム](https://servicenow-prod.fluidtopics.net/Nk77ffhDuaTj05J~Gjy5Bw "インスタンスオプションを使用すると、ポータルページでポータルケースカードウィジェットを構成できます。")」を参照してください。
13. \[保存\] を選択します。