ポータルブランディングの構成
自社用カスタム設定エディタを使用して、ポータルに独自のルックアンドフィールを与えます。
ブランディングエディターにアクセスするには、次に移動します をクリックし、[ ブランディングエディター] を選択します。
ポータルリストから、テーマをカスタマイズするポータルを選択します。次に、[クイックセットアップ] タブと [テーマの色] タブのオプションを使用して、ポータルをカスタマイズします。
| フィールド | 説明 |
|---|---|
| ポータルタイトル | ポータルの名前。自社用カスタム設定エディタでポータルの名前を変更すると、プラットフォーム UI のポータルフォームフィールドのタイトルも変更されます。 |
| ロゴ | ポータルのヘッダーに表示されるロゴ。この画像は、最大高さ 46 ピクセル、最大幅 200 ピクセルに拡大縮小されます。 |
| ロゴのパディング | ヘッダーの端に対するロゴの配置位置。この情報は、ポータルフォームの [CSS 変数] セクションに保存されます。 |
| キャッチコピーと背景 | プラットフォーム UI のポータルレコードにある [クイックスタート構成 ] フィールドの JSON スキーマによって定義されたフィールド。サンプル サービスポータル では、次のスキーマを使用して、 キャッチコピー と 背景 を 自社用カスタム設定エディタ に追加します。 |
| キャッチコピー | キャッチコピーを使用してユーザーにポータルページを紹介します。このテキストは、ホームページ検索ウィジェットのインスタンスに保存されます。 |
| キャッチコピーの色 | キャッチコピーの色を選択します。 |
| ホームページの背景色 | 背景に色を追加します。色名、16 進数の色、10 進数 (RGB) を入力するか、カラーパレットから選択できます。 |
| 背景画像 | ホームページの背景に表示される画像をアップロードします。この画像は、ホームページのウィジェットのコンテナに保存されます。 |
[テーマ] タブの任意の色には、標準の色名、16 進数コード、10 進数 (RGB) コードを使用するか、カラーパレットから色を選択できます。すべての色定義は、ポータルフォームの [CSS 変数] フィールドに保存されます。変更を加えると、テーマのプレビューが更新されます。
| フィールド | 説明 |
|---|---|
| ナビゲーションバー | このセクションのフィールドを使用して、ヘッダーメニューの色をカスタマイズします。 |
| ブランド | このセクションのフィールドを使用して、ページの色 (ページの背景やウィジェットの背景など) をカスタマイズします。 |
| テキスト | このセクションのフィールドを使用して、ページ上のテキストの色をカスタマイズします。 |
自社用カスタム設定エディタのテーマカラーに加えられた変更は、プラットフォーム UI のポータルフォームの [CSS 変数] フィールドに表示されます。