共用方式為


在 Active Directory 同盟服務中使用Microsoft Entra UX Web 主題

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 主題

  1. 以系統管理員身分啟動PowerShell
  2. 使用 PowerShell 建立新的 Web 主題:New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. 使用 PowerShell 將新主題設定為使用中主題: Set-AdfsWebConfig -ActiveThemeName customPowerShell
  4. 測試登入,請前往 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

使用沒有強烈主旨焦點的影像。 不透明的登入窗體會出現在此影像的中央,而且可以根據瀏覽器視窗的大小來涵蓋影像的任何部分。
讓檔案大小保持較小,以確保快速載入時間。

後續步驟