Botão de autenticação combinada

[Lilly (Lillian)]

	Resumo	Substitui os botões de autenticação padrão por um botão combinado que abre um menu suspenso ou modal com links
	Repositório	https://github.com/Lillinator/combined-auth-button
	Guia de Instalação	Como instalar um tema ou componente de tema

Instale este componente de tema

Visão geral

Este componente de tema combina os botões de registro e login em um único botão com opções em menu suspenso, proporcionando um espaço de cabeçalho mais limpo e melhorando a experiência do usuário (especialmente para usuários móveis).

Em particular, a visualização móvel padrão do fórum Discourse oculta o botão de registro e exibe apenas o botão de login existente; isso pode ser confuso e não intuitivo para novos visitantes dos fóruns Discourse (visualização anônima). Além disso, o botão de login da visualização móvel padrão leva à página de login, que por sua vez possui um link para a página de registro; isso cria fricção desnecessária para novos usuários em dispositivos móveis.

Visualização móvel padrão sem o componente:

Este simples componente de tema Discourse substitui o botão Login existente por um botão combinado com rotulação mais clara — o padrão é Registrar / Login. Ao ser clicado ou tocado, ele abre um menu suspenso ou modal móvel com links para as respectivas páginas de registro ou login.

Botão móvel e modal com as configurações padrão do componente:

Botão de desktop e menu suspenso com as configurações padrão do componente:

---

Configurações e traduções de tema

Existem configurações de administrador que permitem habilitar o uso em desktop, ocultar o ícone do botão combinado para economizar espaço no cabeçalho na visualização móvel, bem como alterar todos os ícones e rótulos dos botões.

Configuração	Descrição
enable_on_desktop	Habilita o botão de autenticação combinado em todos os tamanhos de viewport
hide_mobile_combined_button_icon	oculta o ícone do botão de autenticação combinado na visualização móvel para economizar espaço no cabeçalho
combined_button_icon	Ícone SVG para o botão de menu suspenso de autenticação combinado
login_button_icon	Ícone SVG para o botão de Login
signup_button_icon	Ícone SVG para o botão de Registro
button_labels.auth	string de texto do botão combinado para traduções de tema
button_labels.log_in	string de texto do botão de login para traduções de tema
button_labels.sign_up	string de texto do botão de registro para traduções de tema

---

Mais capturas de tela

Página de configurações

Com hide_mobile_combined_button_icon habilitado

Rótulos e ícones de botões alterados

Móvel:

Desktop:

Personalize para seu fórum por diversão

---

Notas

• Este componente é compatível com o Menu hambúrguer no lado esquerdo em dispositivos móveis, mas centralizar o logotipo do site pode causar problemas de congestionamento no cabeçalho.

---

Confira meus outros materiais para Discourse

[Lilly (Lillian)]

Acabei de empurrar uma atualização para isso que melhora a experiência ao abrir um modal móvel que linka para as páginas de cadastro ou login. Atualizei o OP também. Obrigado a @Moin pela ideia!

capturas de tela

Botões padrão do modal do componente:

Rótulos de botões personalizáveis:

[eisammy (Sammy)]

Muito obrigado @Lilly irei testar em breve

[Lilly (Lillian)]

ok, fiz algumas alterações neste componente novamente - agora é possível ativá-lo no desktop e alterar todos os ícones.

[Lilly (Lillian)]

Empurrei um pouco de correção para este componente hoje — o botão estava sendo renderizado dentro do título do cabeçalho em tópicos com rolagem ao usar o componente de hambúrguer do lado esquerdo. Os componentes agora são totalmente compatíveis entre si.