Estoy intentando mejorar el flujo de registro móvil para https://physicswithethan.discourse.diy, donde algunos usuarios invitados deberían utilizar preferiblemente la autenticación externa en lugar del formulario local de correo electrónico/contraseña.
En este momento, en dispositivos móviles, /signup muestra:
Registro sencillo
Correo electrónico
Nombre de usuario
Contraseña
Registrarse
O
Tengo una cuenta de Nottingham College
Tengo una cuenta de Nova Education Trust
El problema es que muchos estudiantes de escuelas o colegios probablemente llegarán directamente a /signup, por ejemplo, desde un código QR, una página de invitación o un enlace compartido. Es posible que no vayan primero a /login de forma natural.
Por lo tanto, aunque los botones de inicio de sesión externo están disponibles, lo primero que ven es el formulario local de “Registro sencillo”. En este caso, esa no es la ruta preferida. La ruta preferida es que elijan el botón institucional correspondiente de Microsoft/SSO.
Lo que me gustaría en dispositivos móviles es algo más cercano a:
Tengo una cuenta de Nottingham College
Tengo una cuenta de Nova Education Trust
O
Registro sencillo
Correo electrónico
Nombre de usuario
Contraseña
Registrarse
Entiendo que esto es principalmente un problema de ordenamiento visual y que un componente del tema podría ser el lugar adecuado para gestionarlo.
¿Sería este el enfoque correcto?
.signup-page .signup-body {
display: flex;
flex-direction: column;
}
.signup-page .login-right-side {
order: -3;
margin-bottom: 1rem;
}
.signup-page .login-or-separator {
order: -2;
margin: 1rem 0;
}
Mis preguntas son:
- ¿Existe una forma compatible mediante tema/componente para mover los botones de autenticación externa por encima del formulario de registro local en dispositivos móviles?
- ¿Son los selectores relevantes lo suficientemente estables para un componente del tema, o hay un hook/clase mejor para apuntar?
- ¿Existe una manera más limpia de hacer que SSO sea la ruta visualmente preferida en /signup, sin deshabilitar por completo el registro local?
Estoy especialmente interesado en el caso móvil, ya que los botones de autenticación externa pueden aparecer fácilmente fuera de la vista, mientras que “Registro sencillo” parece la acción principal.