Uso de un tema web de experiencia del usuario de Microsoft Entra en Servicios de federación de Active Directory (AD FS)
Actualmente, el inicio de sesión de formularios de AD FS no refleja la experiencia de inicio de sesión de Azure/O365. Para proporcionar una experiencia más uniforme y fluida para los usuarios finales, hemos publicado el siguiente tema web de hoja de estilos en cascada que se puede aplicar a los servidores de AD FS. Actualmente, el inicio de sesión de formularios para AD FS en Windows Server 2016 tiene el aspecto siguiente:
Con la nueva hoja de estilos, la experiencia del usuario tendrá un aspecto más parecido a las experiencias de inicio de sesión de Azure y Office 365.
Descarga de la hoja de estilos CSS
Puede descargar el tema web desde la siguiente ubicación de Github.
Habilitación del tema web nuevo
Para habilitar el tema web nuevo, use el procedimiento siguiente:
Para habilitar el nuevo tema web de Microsoft Entra UX en AD FS
- Inicie PowerShell como administrador
- Cree un tema web con PowerShell:
New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"} - Establezca el tema nuevo como tema activo mediante PowerShell:
Set-AdfsWebConfig -ActiveThemeName custom
- Para probar el inicio de sesión, vaya a https://<AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm
![NOTA] Debe asegurarse de que idpinitiatedsignon se ha habilitado. No está habilitado de forma predeterminada. Para habilitar idpinitiatedsignon use el comando de PowerShell siguiente:
Set-AdfsProperties –EnableIdpInitiatedSignonPage $True
Recomendaciones de imágenes
Habilitar la interfaz de usuario centrada le permite usar las mismas imágenes para el fondo y el logotipo que puede que ya tenga para la personalización de marca de la empresa de Microsoft Entra. Por lo general, se aplican las mismas recomendaciones para el tamaño, la relación y el formato.
Logotipo
| Descripción | Restricciones | Recomendaciones |
|---|---|---|
| El logotipo se muestra en la parte superior del panel de inicio de sesión. | JPG o PNG transparente Alto máximo: 36 px Ancho máximo: 245 px |
Use el logotipo de su organización aquí. Use una imagen transparente. No dé por hecho que el fondo será blanco. No agregue relleno alrededor del logotipo en la imagen o el logotipo se verá desproporcionadamente pequeño. |
Información previa
| Descripción | Restricciones | Recomendaciones |
|---|---|---|
| Esta opción aparece en el fondo de la página de inicio de sesión, está anclada en el centro del espacio visible y se escala y recorta para rellenar la ventana del explorador. En las pantallas estrechas, como las de teléfonos móviles, no se muestra esta imagen. Se aplica una máscara gruesa con una opacidad de 0,55 sobre esta imagen al cargarse la página. |
JPG o PNG Dimensiones de la imagen: 1920 x 1080 px Tamaño de archivo: < 300 KB |
Use imágenes allí donde no haya un enfoque del asunto sólido. El formulario de inicio de sesión opaco aparece sobre el centro de esta imagen y puede cubrir cualquier parte de la imagen según el tamaño de la ventana del explorador. Mantenga el tamaño de archivo pequeño para garantizar tiempos de carga rápidos. |