Pulsante di autenticazione combinata

[Lilly (Lillian)]

	Riepilogo	Sostituisce i pulsanti di autenticazione predefiniti con un pulsante combinato che apre un menu a discesa o una finestra modale con i collegamenti
	Repository	https://github.com/Lillinator/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 combina i pulsanti di registrazione e accesso in un unico pulsante con opzioni a discesa, per uno spazio dell’intestazione più pulito e un’esperienza utente migliorata (soprattutto per gli utenti mobili).

In particolare, la visualizzazione predefinita del forum mobile di Discourse nasconde il pulsante di registrazione e mostra solo il pulsante di accesso esistente; questo può essere confuso e controintuitivo per i nuovi visitatori dei forum di Discourse (visualizzazione anonima). Inoltre, il pulsante di accesso della visualizzazione mobile predefinita collega alla pagina di accesso che a sua volta ha un collegamento alla pagina di registrazione; questo crea attriti inutili per i nuovi utenti sui 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 - il valore predefinito è Registrati / Accedi. Quando viene cliccato o toccato, apre un menu a discesa o una finestra modale mobile con collegamenti alle rispettive pagine di registrazione o accesso.

Pulsante mobile e finestra modale con impostazioni predefinite del componente:

Pulsante desktop e menu a discesa con impostazioni predefinite del componente:

---

Impostazioni e traduzioni del tema

Ci sono impostazioni di amministrazione che consentono di abilitarlo sul desktop, nascondere l’icona del pulsante combinato per più spazio nell’intestazione nella visualizzazione mobile, nonché modificare tutte le icone e le etichette dei pulsanti.

Impostazione	Descrizione
enable_on_desktop	Abilita il pulsante di autenticazione combinato su tutte le dimensioni della viewport
hide_mobile_combined_button_icon	nasconde l’icona del pulsante di autenticazione combinato nella visualizzazione mobile per risparmiare spazio nell’intestazione
combined_button_icon	Icona SVG per il pulsante a discesa di autenticazione combinato
login_button_icon	Icona SVG per il pulsante di accesso
signup_button_icon	Icona SVG per il pulsante di registrazione
button_labels.auth	stringa di testo del pulsante combinato per le traduzioni del tema
button_labels.log_in	stringa di testo del pulsante di accesso per le traduzioni del tema
button_labels.sign_up	stringa di testo del pulsante di registrazione per le traduzioni del tema

---

Altre screenshot

Pagina delle impostazioni

Con hide_mobile_combined_button_icon abilitato

Etichette e icone dei pulsanti modificate

Mobile:

Desktop:

Personalizza per il tuo forum per divertimento

---

Note

• Questo componente è compatibile con il Menu hamburger a sinistra su mobile ma il centrare il logo del sito può causare problemi di affollamento nell’intestazione.

---

Scopri le altre mie risorse per Discourse

[Lilly (Lillian)]

Ho appena pubblicato un aggiornamento che migliora l’esperienza aprendo un modale mobile che collega alle pagine di registrazione o accesso. Ho aggiornato anche l’OP. Grazie a @Moin per l’idea!

screenshot

Pulsanti predefiniti del modale del componente:

Etichette dei pulsanti modificabili:

[eisammy (Sammy)]

Grazie mille @Lilly, proverò a breve

[Lilly (Lillian)]

ok ho apportato nuovamente alcune modifiche a questo componente: ora è possibile attivarlo su desktop e modificare tutte le icone.

[Lilly (Lillian)]

Oggi ho applicato una piccola correzione per questo componente: il pulsante veniva renderizzato all’interno del titolo dell’intestazione nei topic con scorrimento quando si utilizzava il componente hamburger sul lato sinistro. Ora i componenti sono pienamente compatibili tra loro.