バナーの変更方法の例
インスタンスのバナーはさまざまな方法で変更できます。
注:
San Diego リリース以降は、glide.product.descriptionを更新する代わりにバナーのお知らせを設定します。詳細については、「ネクストエクスペリエンスバナーのお知らせの構成」を参照してください。
複数のインスタンスに異なるラベルを付ける
- すべてのインスタンスで、<c0/> <空白のままにします>glide.product.description
- 本番インスタンスで、<c0/>を <自分の会社>に設定しますglide.product.name
- DEV インスタンスで、<c0/> を <My Company - DEV> に設定します。glide.product.name
ウィンドウタイトルの制御
ウィンドウタイトルは glide.product.name と glide.product.descriptionで構成されているため、以下ではバナーとウィンドウタイトルを完全に制御できます。
- glide.product.name <目的のウィンドウタイトル>に設定します
- glide.product.name.style <display: none> に設定
- glide.product.description <blank> に設定
会社のバナーテキストはウィンドウのタイトルに使用されないため、会社レコードの バナー画像 と バナーテキスト は、バナーの画像とテキストを設定するために使用されます。
バナーテキストに HTML を使用
- glide.product.name <My Company> に設定
- glide.product.name.style <display: none> に設定
- glide.product.description <Some text <c0/>Click here<c1/>> に設定します。<a href="some_url"></a>
バナー画像の上にバナーテキストを配置
- glide.product.name <My Company> に設定
- glide.product.name.style <display: none> に設定
- glide.product.image <あなたの会社のlogo.gif>に設定
- glide.product.description <説明のテキスト> に設定
- glide.product.description.style <position:absolute; に設定トップ: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 プロパティの代わりに使用して、同じ効果を得ることができます。