Sto cercando di migliorare il flusso di registrazione per dispositivi mobili su https://physicswithethan.discourse.diy, dove alcuni utenti invitati dovrebbero idealmente utilizzare l’autenticazione esterna anziché il modulo locale email/password.
Al momento, su mobile, /signup mostra:
Registrazione Semplice
Email
Nome utente
Password
Registrati
OPPURE
Ho un account Nottingham College
Ho un account Nova Education Trust
Il problema è che molti studenti di scuole o college potrebbero arrivare direttamente a /signup, ad esempio tramite un codice QR, una pagina di invito o un link condiviso. Potrebbero non andare naturalmente prima a /login.
Quindi, anche se i pulsanti di accesso esterno sono disponibili, la prima cosa che vedono è il modulo locale “Registrazione Semplice”. In questo caso, non è la strada preferita. La strada preferita è che scelgano il pulsante Microsoft/SSO istituzionale pertinente.
Ciò che vorrei su mobile è qualcosa di più simile a:
Ho un account Nottingham College
Ho un account Nova Education Trust
OPPURE
Registrazione Semplice
Email
Nome utente
Password
Registrati
Capisco che si tratti principalmente di un problema di ordinamento visivo e che un componente del tema possa essere il posto giusto per gestirlo.
Sarebbe questo l’approccio corretto?
.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;
}
Le mie domande sono:
- Esiste un modo supportato tramite tema/componente per spostare i pulsanti di autenticazione esterna sopra il modulo di registrazione locale su mobile?
- I selettori pertinenti sono abbastanza stabili per un componente del tema, o esiste un hook/classe migliore da prendere di mira?
- Esiste un modo più pulito per rendere SSO il percorso visivamente preferito su /signup, senza disabilitare completamente la registrazione locale?
Sono particolarmente interessato al caso mobile, perché i pulsanti di autenticazione esterna possono facilmente apparire sotto la piega, mentre “Registrazione Semplice” sembra l’azione principale.