---
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) 所要時間：1分

ポータルバナーカルーセルウィジェットをポータルに追加し、その表示と動作を変更します。

## 始める前に

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. \[幅\] フィールドで \[流動\] を選択します。
8. \[保存\] を選択します。
9. コンテナ上で、プラスボタン (![プラスボタン]()) を選択して列のセットを追加します。
10. 列で、サービスポータル デザイナーのバナーの \[ページのプロパティを編集\] アイコン (![ページのプロパティを編集アイコン]()) を選択します。  
    注:  
    ブレッドクラムナビゲーションで \[列\] が選択されていることを確認します。
11. \[ページ\] ウィンドウの \[ページ固有の CSS\] フィールドに以下の CSS コードを貼り付けます。  

        .col-md-12{ 
             padding-left: 0;
             padding-right: 0; 
         }
        .padding-top {
             padding-top: 0;
         } 

    アプリケーションスコープに関するメッセージが表示された場合は、\[ここ\] を選択するとレコードを編集できます。
12. \[保存\] を選択します。
13. \[ウィジェット\] ペインの \[フィルターウィジェット\] フィールドに「<kbd class="ph userinput">ポータルバナーカルーセル</kbd>」と入力します。
14. ウィジェットをコンテナ上にドラッグします。
15. \[編集\] ページで、ポータルバナーカルーセルウィジェットを選択します。
16. 鉛筆アイコン (![鉛筆アイコン]()) を選択します。
17. インスタンスフォームの各フィールドに入力します。  
    フィールド値の説明については、「[ポータルバナーカルーセルウィジェットのインスタンスオプションフォーム](https://servicenow-prod.fluidtopics.net/B1THAaib01mbJGEi89ZQlQ "インスタンスオプションを使用すると、ポータルページでポータルバナーカルーセルウィジェットを構成できます。")」を参照してください。
18. \[保存\] を選択します。
{#config-portal-banner-carousel-widget__steps_axk_b1x_byb}