バナーの変更方法の例
インスタンスのバナーを変更するには、さまざまな方法があります。
注:
San Diego リリース以降、glide.product.descriptionを更新する代わりにバナーのお知らせを設定します。詳細については、「ネクストエクスペリエンスバナーのお知らせの構成」を参照してください。
複数のインスタンスに異なるラベルを付ける
- すべてのインスタンスで、 glide.product.description <空白のままにします>
- 本番インスタンスで、 glide.product.name を <自分の会社> に設定します
- DEV インスタンスで、 glide.product.name を <My Company - DEV> に設定します
ウィンドウタイトルの制御
ウィンドウ タイトルは glide.product.name と glide.product.descriptionで構成されているため、次の方法でバナーとウィンドウ タイトルを完全に制御できます。
- glide.product.name <必要なウィンドウタイトルに設定します>
- glide.product.name.style <display: none> に設定します
- glide.product.description を<空白に設定します>
会社のバナーテキストはウィンドウのタイトルに使用されないため、会社レコードの [バナーイメージ ] と [バナーテキスト ] は、バナーの画像とテキストを設定するために使用されます。
バナーテキストに HTML を使用
- glide.product.name <自分の会社>
- glide.product.name.style <display: none> に設定します
- glide.product.description <一部のテキスト <a href="some_url">ここをクリックしてください</a>>
バナーテキストをバナー画像の上に配置
- glide.product.name <自分の会社>
- glide.product.name.style <display: none> に設定します
- glide.product.image [<会社のlogo.gif>] に設定
- glide.product.description <説明用のテキスト> に設定します。
- glide.product.description.style <position:absoluteに設定します。top:5px;left:100px> (位置の値はニーズによって異なる場合があります)
バナーに背景画像を適用する
多くの場合、企業ガイドラインでは、 ServiceNow インターフェイスのより詳細なブランディングが必要です。タイリング手法を使用すると、ロゴ画像の背景を透明に変更して、ロゴの下のバナーに別の画像を適用できます。
画像を画像マネージャーにアップロードし、 css.banner.background.image という名前の新しいプロパティを作成して、画像を呼び出せるようにします。値は次のようになります。
css.banner.background.image 値 url('./images/MasterBG.jpgx')
この変更を適用する CSS ルールを記述する
/** BACKGROUND - These properties allow you use to add a background tile to the header of the instance ***************************/
TD.bannerLeft,TD.bannerCenter,TD.bannerRight, TR#banner_row{background-color: ${banner.background.color};
background-image: ${banner.background.image};
background-position: ${banner.background.position};
background-repeat: ${banner.background.repeat};}注:
プライマリ会社または特定の会社に関連付けられたバナー画像とバナーテキストを、 glide.product.image プロパティと glide.product.description プロパティの代わりに使用して、同じ効果を得ることができます。