Login na moda

:discourse2: Resumo O Trendy Login altera o design padrão da página de login estática (/login) em sites que exigem login e adiciona a capacidade de personalizar o conteúdo da página por meio das configurações do componente.
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-trendy-login
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo nos Temas do Discourse? Guia para iniciantes sobre o uso de temas do Discourse

Instale este componente de tema

Recursos

Configurações

Nome Descrição
bg_image Link de imagem personalizado para o fundo
bg_color Código de cor personalizado para o fundo
bg_gradient_1 Primeiro código de cor para o gradiente
bg_gradient_2 Segundo código de cor para o gradiente
login_subheader Conteúdo do subtítulo, permite marcação HTML

:information_source: Observe que a prioridade das configurações segue esta ordem:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.


:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

54 curtidas

Olá. Isso ainda funciona? Tentei no meu fórum com a versão mais recente do Discourse, mas não funcionou?

Sim, está funcionando para mim na versão mais recente:

Você vê a página de login padrão em vez disso? O componente está habilitado para o tema?

1 curtida

sim, o componente de tema está habilitado e ainda vejo a tela de login antiga.

Sei que este é um comentário antigo, mas acabei de começar a usar isso em um site de teste, então quero verificar.

Você deve habilitar a configuração do site login required para obter a página de login estática. Caso contrário, como você observou, você pode habilitar o componente, mas ainda obterá a janela de login em vez do login moderno.

2 curtidas

Olá! Estou tentando isso, mas a página de login tem uma barra grande no lado esquerdo. Como posso removê-la? Obrigado.

2 curtidas

Isso faz algum sentido?

2 curtidas

Olá sim. Eu verifiquei isso. Acabou sendo uma adição ao CSS.

.wrap {
    max-width: max-content;
}
2 curtidas

Desculpe, mas não entendi sua pergunta.

A descrição do plugin afirma:

Para obter a página de login estática, você deve exigir login. Se você não o fizer e acessar a rota /login, você receberá um modal de login em vez disso e este componente será ignorado.

2 curtidas

Entendi, obrigado, eu não estava ciente da diferença.

2 curtidas

Olá. Isso está funcionando perfeitamente em uma tela de PC, mas usa apenas um terço esquerdo da imagem no celular. Há algo que eu deveria fazer para que a imagem do PC encolha mais na largura - percebendo que a proporção é diferente.

Qualquer conselho sobre como usar o componente para um bom visual em uma tela de PC típica e no celular é muito apreciado.

1 curtida

De onde vem o LINK do vídeo neste componente? Ele não está nas configurações do plugin do tema.

Isso faz parte da configuração login subheader.

Acredito que no exemplo algo como isso tenha sido usado:
Use este espaço para incluir algumas informações importantes sobre o site antes de se cadastrar, e até mesmo um vídeo: <iframe width="560" height="315" src="https://www.youtube.com/embed/u7iW9DyFw7M?si=SQImwxaPkPVQgaNt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Você pode obter o código de incorporação na opção de compartilhamento do YouTube.

Outra coisa que está confundindo … é o “Title” – por que não incorporar um título personalizado no plugin / componente para que os usuários possam adicionar o título que quiserem? Não consigo encontrar a fonte em lugar nenhum.

Além disso, o LOGO vem do logotipo geral da comunidade? Seria ótimo modificar ESTA versão do logotipo para que ela se adeque à página.

“Bem-vindo a …” é um texto do site usado também quando o componente não está habilitado. Você pode personalizá-lo em /admin/customize/site_texts pesquisando por login_required.welcome_message.

1 curtida