AD FS 表單登入目前不同於 Azure/Office 365 的登入體驗。 為了為使用者提供更統一且順暢的體驗,我們已發行下列級聯樣式表單Web主題,可套用至您的AD FS 伺服器。 目前,AD FS 在 Windows Server 2016 上的表單登入如下所示:
有了新的樣式表單,用戶體驗看起來會更像是 Azure 和 Office 365 登入體驗。
下載 CSS 樣式表單
您可以從下列 Github 位置下載 Web 主題。
啟用新的 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 像素 最大寬度:245 像素 |
在這裡使用貴組織的標誌。 使用透明影像。 請勿假設背景會是白色的。 請勿在影像中新增標誌周圍的邊框間距,否則您的標誌看起來會不成比例地小。 |
背景
說明 | 限制條件 | 建議 |
---|---|---|
此選項會出現在登入頁面的背景中、錨定到可檢視空間的中心,以及縮放和裁剪以填滿瀏覽器視窗。 在行動電話等窄螢幕中,不會顯示此影像。 載入頁面時,會在圖像上套用一個0.55不透明度的黑色遮罩。 |
JPG 或 PNG 影像尺寸:1920x1080 px 檔案大小:< 300 KB |
使用沒有強烈主旨焦點的影像。 不透明的登入窗體會出現在此影像的中央,而且可以根據瀏覽器視窗的大小來涵蓋影像的任何部分。 讓檔案大小保持較小,以確保快速載入時間。 |