現在、AD FS フォームのサインインでは、Azure/O365 サインイン エクスペリエンスは反映されません。 エンドユーザーにより統一されたシームレスなエクスペリエンスを提供するために、AD FS サーバーに適用できる次のカスケード スタイル シート Web テーマをリリースしました。 現時点では、Windows Server 2016 の AD FS のフォーム サインインは次のようになります。
新しいスタイル シートでは、ユーザー エクスペリエンスは Azure と Office 365 のサインイン エクスペリエンスのようになります。
CSS スタイル シートをダウンロードする
Web テーマは、次の Github の場所からダウンロードできます。
新しい Web テーマの有効化
新しい Web テーマを有効にするには、次の手順に従います。
AD FS で新しい Microsoft Entra UX Web テーマを有効にするには
- 管理者として PowerShell を起動する
- PowerShell を使用して新しい Web テーマを作成します。
New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"} - PowerShell を使用して新しいテーマをアクティブなテーマとして設定する:
Set-AdfsWebConfig -ActiveThemeName custom
- https://<AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm に移動してサインインテストを行う
![注]idpinitiatedsignon が有効になっていることを確認する必要があります。 既定では有効になっていません。 idpinitiatedsignon を有効にするには、次の PowerShell コマンドを使用します。
Set-AdfsProperties –EnableIdpInitiatedSignonPage $True
画像に関する推奨事項
中央に配置された UI を有効にすると、Microsoft Entra 企業ブランドに既にある可能性がある背景とロゴに同じ画像を使用できます。 一般に、サイズ、比率、および形式に関して同じ推奨事項が適用されます。
ロゴ
| 説明 | 制約 | 推奨事項 |
|---|---|---|
| ログイン パネルの上部にロゴが表示されます。 | 透過 JPG または透過 PNG 最大高さ: 36 px 最大幅: 245 px |
ここで組織のロゴを使用します。 透明なイメージを使用します。 背景が白になると想定しないでください。 画像内のロゴの周囲にパディングを追加しないでください。または、ロゴが不釣り合いに小さく見える場合があります。 |
バックグラウンド
| 説明 | 制約 | 推奨事項 |
|---|---|---|
| このオプションは、サインイン ページの背景に表示され、表示可能な領域の中央に固定され、ブラウザー ウィンドウに表示されるように拡大縮小およびトリミングされます。 携帯電話などの狭い画面では、この画像は表示されません。 ページが読み込まれると、不透明度が 0.55 の黒いマスクがこのイメージに適用されます。 |
JPG または PNG 画像の寸法: 1920x1080 px ファイル サイズ: < 300 KB |
強い対象フォーカスがない場合は、画像を使用します。 不透明なサインイン フォームは、このイメージの中央に表示され、ブラウザー ウィンドウのサイズに応じて、イメージの任意の部分をカバーできます。 ファイル サイズを小さくして、読み込み時間を短縮します。 |