 |
Resumo | Substitui o botão Entrar móvel por um botão combinado Criar conta / Entrar que abre um modal com links |
 |
Repositório | https://github.com/Lillinator/discourse-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 criar conta e entrar em um único botão com opções de menu suspenso, proporcionando um cabeçalho mais limpo e uma melhor experiência do usuário (especialmente para usuários móveis).
Em particular, a visualização padrão do fórum Discourse para dispositivos móveis oculta o botão Criar conta e mostra apenas o botão Entrar existente; isso pode ser confuso e não intuitivo para novos visitantes de fóruns Discourse (visualização anônima). Além disso, o botão Entrar da visualização padrão para dispositivos móveis leva à página de login que, por sua vez, tem um link para a página de criação de conta; isso cria atrito desnecessário para novos usuários em dispositivos móveis.
Visualização padrão para dispositivos móveis sem o componente:
Este simples componente de tema Discourse substitui o botão Entrar existente por um botão combinado com rótulos mais claros — o padrão é Criar conta / Entrar. Ao clicar ou tocar, ele abre um menu suspenso ou um modal móvel com links para as páginas de criar conta ou entrar. Há uma configuração de administrador que oferece a opção de ocultar o ícone do botão combinado para ganhar mais espaço no cabeçalho, além de configurações para alterar os ícones e os campos de texto para personalizar todos os rótulos dos botões.
Botão móvel e modal com as configurações padrão do componente:
Botão e menu suspenso para desktop com as configurações padrão do componente:
Há configurações de administrador que permitem ocultar o ícone do botão combinado para ganhar mais espaço no cabeçalho na visualização móvel, bem como para alterar todos os ícones dos botões. Você também pode personalizar todos os rótulos dos botões.
Configurações e traduções do tema
| Configuração | Descrição |
|---|---|
enable_on_desktop |
Ativa o botão de autenticação combinado em todos os tamanhos de viewport |
hide_mobile_login_button_icon |
Oculta o ícone do botão de autenticação combinado na visualização móvel para economizar espaço no cabeçalho |
login_button_icon |
Ícone SVG para o botão Entrar (& botão de autenticação combinado se ‘Ocultar ícone do botão de login móvel’ estiver desativado) |
signup_button_icon |
Ícone SVG para o botão Criar conta |
button_labels.auth |
Texto combinado do botão para traduções do tema |
button_labels.log_in |
Texto do botão Entrar para traduções do tema |
button_labels.sign_up |
Texto do botão Criar conta para traduções do tema |
Mais capturas de tela
Observações
- 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 meu outro conteúdo do Discourse
