Compartir a través de

Uso de un tema web de la experiencia de usuario de Microsoft Entra en los servicios de federación de Active Directory

Los formularios de inicio de sesión de AD FS no reflejan en la actualidad la experiencia de inicio de sesión de Azure/O365. Para proporcionar una experiencia más uniforme y sin problemas 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 a través de formularios para AD FS en Windows Server 2016 es el siguiente:

Inicio de sesión actual

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 nuevo tema web

Para habilitar el nuevo tema web, use el procedimiento siguiente:

Para habilitar el nuevo tema web de Microsoft Entra UX en AD FS

  1. Iniciar PowerShell como administrador
  2. Cree un tema web con PowerShell: New-AdfsWebTheme –Name custom –StyleSheet @{path="c:\NewTheme.css"}
  3. Establezca el nuevo tema como tema activo mediante PowerShell: Set-AdfsWebConfig -ActiveThemeName customPowerShell
  4. Para probar el inicio de sesión, vaya a https://< AD FS name.domain>/adfs/ls/idpinitiatedsignon.htm Sign-on

! [NOTA] Debe asegurarse de que se ha habilitado idpinitiatedsignon. No está habilitado de forma predeterminada. Para habilitar idpinitiatedsignon, use el siguiente comando de PowerShell: 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 ya pueda tener para la personalización de marca de empresa de Microsoft Entra. Por lo general, se aplican las mismas recomendaciones para el tamaño, la relación y el formato.

Descripción Restricciones Recomendaciones
El logotipo se muestra en la parte superior del panel de inicio de sesión. JPG transparente o PNG
Alto máximo: 36 px
Ancho máximo: 245 px		 Use el logotipo de la organización aquí.
Use una imagen transparente. No supongamos que el fondo será blanco.
No agregue relleno alrededor del logotipo en la imagen o el logotipo tendrá un aspecto desproporcionadamente pequeño.

Contexto

Descripción Restricciones Recomendaciones
Esta opción aparece en el fondo de la página de inicio de sesión, se ancla al centro del espacio visible y se escala y recorta para llenar la ventana del explorador.
En pantallas estrechas como teléfonos móviles, esta imagen no se muestra.
Una máscara negra con opacidad 0,55 se aplica sobre esta imagen cuando se carga la página.		 JPG o PNG
Dimensiones de imagen: 1920x1080 px
Tamaño del archivo: < 300 KB
Use imágenes en las que no haya un foco de asunto fuerte. 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 del archivo pequeño para garantizar tiempos de carga rápidos.

Pasos siguientes