---
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


---

# ランディングページの作成

# CSM 構成可能ワークスペースランディングページの作成 {#ariaid-title1}

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

ページのバリアントを作成し、コンテナーおよびコンポーネントを追加または変更することにより、さまざまなエージェントやチーム用のランディングページを作成します。

## 始める前に

必要なロール：workspace_admin、ui_builder_admin、admin

## このタスクについて

ランディングページは、エージェントがワークスペースを開いたときに表示されるページです。CSM 構成可能ワークスペースのランディングページは、カスタマーサービスプラグイン (com sn_customerservice) に含まれています。このページ (CSM ランディングページ) には、新規、アサイン済み、高優先度のケースとそれらのグループにアサインされたケースの概要が示されます。  
[UI ビルダー](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=australia&pubname=australia-application-development&ft:locale=en-US) (WYSIWYG ウェブユーザーインターフェイスビルダー) で、必要に応じてこのページのバリアントを作成し、変更することができます。  
注:  
アップグレードによる問題を防止するには、CSM ランディングページのバリアントを作成することが重要です。  
たとえば、UI ビルダーを使用して、次のタスクを実行できます。 {#config-csm-config-ws-landing-page__table_a12_gjp_ynb__entry__2}

| タスク | 説明 |
|-|-|
| [ページレイアウトの変更](https://www.servicenow.com/docs/access?context=change-layout&version=australia&pubname=australia-application-development&ft:locale=en-US) | レイアウトにより、ページで利用可能なスロット、スロットの配置、スロットに適用する CSS ルールを制御します。レイアウトとレイアウトシステムの詳細については、「[レイアウトの操作](https://www.servicenow.com/docs/access?context=work-layouts&version=australia&pubname=australia-application-development&ft:locale=en-US)」を参照してください。 |
| [ページへのコンポーネントの追加](https://www.servicenow.com/docs/access?context=add-components&version=australia&pubname=australia-application-development&ft:locale=en-US) | コンポーネントは、ページの基本要素です。コンポーネントは、ボタンやラベルなどのコア要素から、リストやフォームなどのより複雑なエクスペリエンスコンポーネントまで多岐にわたります。詳細については、「[Work with components (コンポーネントの操作)](https://www.servicenow.com/docs/access?context=work-components&version=australia&pubname=australia-application-development&ft:locale=en-US)」を参照してください。 注: UI ビルダーコンポーネントに関する情報は、ServiceNow 開発者サイトで検索することもできます。詳細については、www.devportaldocs.service-now.com/ のコンポーネントドキュメントを参照してください。 |
| [コンポーネントへのデータリソースの接続](https://www.servicenow.com/docs/access?context=connect-data&version=australia&pubname=australia-application-development&ft:locale=en-US) | データリソースを接続して、ページ上のテーブル、レコード、またはその他の要素からデータを動的に公開します。詳細については、「[Work with data resources (データリソースの操作)](https://www.servicenow.com/docs/access?context=data-resources&version=australia&pubname=australia-application-development&ft:locale=en-US)」を参照してください。 |
[表 : 1. UI ビルダータスク]

{#config-csm-config-ws-landing-page__table_a12_gjp_ynb}

## 手順

1. 移動先 すべてNow Experience フレームワークUI ビルダー.
2. \[自分のエクスペリエンス\] セクションで、\[CSM/FSM 構成可能ワークスペース (CSM/FSM Configurable Workspace)\] をクリックします。
3. \[ページ\] ドロップダウンメニューで \[ランディングページ\] を選択します。
4. \[バリアント\] リストで \[CSM ランディングページ\] を選択します。
5. ランディングページのバリアントを作成します。
   1. \[CSM ランディングページ\] バリアントの横にある \[他のアクション\] メニューをクリックし、\[複製\] を選択します。
   2. \[バリアントを作成\] ポップアップウィンドウでバリアント名を追加します。
   3. \[作成\] をクリックします。
   4. 必要に応じて、ページバリアントの対象者と表示条件を指定します。  
      対象者の設定により、ページを表示できるユーザーが決まります。対象者は、ユーザーロールのコレクションです。詳細については、「[対象者についての理解](https://www.servicenow.com/docs/access?context=add-audiences&version=australia&pubname=australia-application-development&ft:locale=en-US)」を参照してください。

      \[順序\] フィールドでは、表示するページを決定します。最も低い番号のページが最初に表示されます。
   5. \[保存\] をクリックします。
6. ランディングページバリアントのコンテナーとコンポーネントを追加または変更します。  
   コンテナーとコンポーネントの追加または変更の詳細については、UI ビルダーのドキュメントを参照してください。
   * [ページへのコンポーネントの追加](https://www.servicenow.com/docs/access?context=add-components&version=australia&pubname=australia-application-development&ft:locale=en-US)：手順 4 以降で、このタスクを使用して、コンポーネントをコンテナーに追加し、コンポーネントのプロパティとイベントハンドラーを構成します。このタスクには、他のコンテナーの追加に関する情報も含まれています。
   * [コンポーネントへのスタイリングの追加](https://www.servicenow.com/docs/access?context=add-styling-to-component&version=australia&pubname=australia-application-development&ft:locale=en-US)：手順 3 以降で、コンポーネントの CSS スタイルを設定してデフォルトの外観を変更します。
   * [コンポーネントへのモーダルの追加](https://www.servicenow.com/docs/access?context=modals-uib&version=australia&pubname=australia-application-development&ft:locale=en-US)：手順 5 以降で、ユーザーがコンポーネントをクリックしたときに表示されるウィンドウを追加します。たとえば、レコードを削除するボタンコンポーネントを追加する場合は、レコードの削除を確認するようにユーザーに求めるモーダルを追加できます。
   {#config-csm-config-ws-landing-page__ul_hwp_j5j_znb}
7. \[保存\] をクリックして、ページのバリアントを保存します。