 |
Riepilogo | Sostituisce il pulsante Accedi mobile con un pulsante combinato Registrati / Accedi che apre un modale con i link |
 |
Repository | https://github.com/Lillinator/discourse-combined-auth-button |
 |
Guida all’installazione | Come installare un tema o un componente del tema |
Installa questo componente del tema
Panoramica
Questo componente del tema unisce i pulsanti di registrazione e accesso in un unico pulsante con opzioni a discesa, per uno spazio nell’intestazione più pulito e un’esperienza utente migliorata (specialmente per gli utenti mobili).
In particolare, la visualizzazione mobile predefinita del forum Discourse nasconde il pulsante Registrati e mostra solo il pulsante Accedi esistente; ciò può risultare confuso e poco intuitivo per i nuovi visitatori dei forum Discourse (visualizzazione anonima). Inoltre, il pulsante Accedi nella visualizzazione mobile predefinita collega alla pagina di accesso che, a sua volta, contiene un link alla pagina di registrazione; questo crea un attrito non necessario per i nuovi utenti su dispositivi mobili.
Visualizzazione mobile predefinita senza componente:
Questo semplice componente del tema Discourse sostituisce il pulsante Accedi esistente con un pulsante combinato con un’etichetta più chiara: l’impostazione predefinita è Registrati / Accedi. Quando viene cliccato o toccato, apre un menu a discesa o un modale mobile con i link alle pagine di registrazione o accesso. È presente un’impostazione amministrativa che offre l’opzione di nascondere l’icona del pulsante combinato per liberare più spazio nell’intestazione, nonché impostazioni per modificare le icone e i campi di testo per personalizzare tutte le etichette dei pulsanti.
Pulsante mobile e modale con le impostazioni predefinite del componente:
Pulsante desktop e menu a discesa con le impostazioni predefinite del componente:
Sono presenti impostazioni amministrative che consentono di nascondere l’icona del pulsante combinato per liberare più spazio nell’intestazione nella visualizzazione mobile, nonché per modificare tutte le icone dei pulsanti. Puoi anche personalizzare tutte le etichette dei pulsanti.
Impostazioni e traduzioni del tema
| Impostazione | Descrizione |
|---|---|
enable_on_desktop |
Abilita il pulsante di autenticazione combinato su tutte le dimensioni delle visualizzazioni |
hide_mobile_login_button_icon |
Nasconde l’icona del pulsante di autenticazione combinato nella visualizzazione mobile per risparmiare spazio nell’intestazione |
login_button_icon |
Icona SVG per il pulsante Accedi (e per il pulsante di autenticazione combinato se ‘Nascondi icona pulsante accesso mobile’ è disabilitato) |
signup_button_icon |
Icona SVG per il pulsante Registrati |
button_labels.auth |
Stringa di testo combinata per il pulsante per le traduzioni del tema |
button_labels.log_in |
Stringa di testo per il pulsante Accedi per le traduzioni del tema |
button_labels.sign_up |
Stringa di testo per il pulsante Registrati per le traduzioni del tema |
Ulteriori screenshot
Note
- Questo componente è compatibile con Menu a hamburger laterale sinistro su mobile, ma centrare il logo del sito potrebbe causare problemi di affollamento nell’intestazione.
Scopri il mio altro materiale Discourse
