ポータルブランディングの構成

  • リリースバージョン: Australia
  • 更新日 2026年04月22日
  • 所要時間:2分
  • 自社用カスタム設定エディタを使用して、ポータルに独自のルックアンドフィールを与えます。

    ブランディングエディターにアクセスするには、次に移動します サービスポータル > サービスポータル構成をクリックし、[ ブランディングエディター] を選択します。

    ポータルリストから、テーマをカスタマイズするポータルを選択します。次に、[クイックセットアップ] タブと [テーマの色] タブのオプションを使用して、ポータルをカスタマイズします。

    図 : 1. 自社用カスタム設定エディタ
    ブランディングエディター。
    表 : 1. [クイックセットアップ] タブのオプション
    フィールド 説明
    ポータルタイトル

    ポータルの名前。自社用カスタム設定エディタでポータルの名前を変更すると、プラットフォーム UI のポータルフォームフィールドのタイトルも変更されます。

    ロゴ ポータルのヘッダーに表示されるロゴ。この画像は、最大高さ 46 ピクセル、最大幅 200 ピクセルに拡大縮小されます。
    ロゴのパディング ヘッダーの端に対するロゴの配置位置。この情報は、ポータルフォームの [CSS 変数] セクションに保存されます。
    キャッチコピーと背景

    プラットフォーム UI のポータルレコードにある [クイックスタート構成 ] フィールドの JSON スキーマによって定義されたフィールド。サンプル サービスポータル では、次のスキーマを使用して、 キャッチコピー背景自社用カスタム設定エディタ に追加します。

    [{
    	"tagline": {
    		"table" : "sp_instance",
    		"sys_id" : "34fe3d96cb20020000f8d856634c9cf4",
    		"field" : "title"
    	},
    	"hero_background": {
    		"table" : "sp_container",
    		"sys_id" : "be98a8d2cb20020000f8d856634c9c63",
    		"field" : "background_image"
    	}
    }]
    キャッチコピー キャッチコピーを使用してユーザーにポータルページを紹介します。このテキストは、ホームページ検索ウィジェットのインスタンスに保存されます。
    キャッチコピーの色 キャッチコピーの色を選択します。
    ホームページの背景色 背景に色を追加します。色名、16 進数の色、10 進数 (RGB) を入力するか、カラーパレットから選択できます。
    背景画像 ホームページの背景に表示される画像をアップロードします。この画像は、ホームページのウィジェットのコンテナに保存されます。
    [テーマ] タブの任意の色には、標準の色名、16 進数コード、10 進数 (RGB) コードを使用するか、カラーパレットから色を選択できます。すべての色定義は、ポータルフォームの [CSS 変数] フィールドに保存されます。変更を加えると、テーマのプレビューが更新されます。
    表 : 2. [テーマの色] タブ
    フィールド 説明
    ナビゲーションバー このセクションのフィールドを使用して、ヘッダーメニューの色をカスタマイズします。
    ブランド このセクションのフィールドを使用して、ページの色 (ページの背景やウィジェットの背景など) をカスタマイズします。
    テキスト このセクションのフィールドを使用して、ページ上のテキストの色をカスタマイズします。

    自社用カスタム設定エディタのテーマカラーに加えられた変更は、プラットフォーム UI のポータルフォームの [CSS 変数] フィールドに表示されます。