ポータルの自社用カスタム設定

自社用カスタム設定エディタ を使用してポータルに独自の外観を持たせることができます。

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

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

図 : 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 変数フィールドに表示されます。