Configurando tela de login
Transcrição automática de video
Bruno Henrique
Última atualização há um ano
Nesta aula, continuamos com as configurações de aparências, focando em Banner geral, que são essencialmente os banners que são exibidos em várias partes de uma página. Apresentamos como exemplo a área de membros do Batsword, onde os banners podem aparecer tanto no topo da página quanto no rodapé, dependendo da configuração.
Nós acompanhamos que essa disposição dos banners pode ser verificada através de uma miniatura de visualização, que mostra o layout da página e destaca as áreas onde o banner será inserido. Especificamente, no layout do desktop, pois as partes coloridas de azul são onde o banner se torna visível.
Também observamos que se pode personalizar o banner da maneira que desejar, adicionando HTML, JavaScript e CSS. No entanto, essa fase de personalização pode exigir um nível mais alto de habilidade técnica.
Depois de discutir o banner geral, entramos na aparência do login. Nós gostamos de maneiras diferentes pelas quais a tela de login pode ser personalizada, seja adicionando uma imagem ou até mesmo um vídeo para receber os alunos.
Para fornecer uma experiência de ensino mais visual, demonstramos como um vídeo exemplar da área de membros do Batsword pode ser usado. Copiamos a URL desse vídeo e implementamos na tela de login para ilustrar como essa customização específica é feita.
Nós também abordamos a visualização dessa customização, mostrando como a imagem ou o vídeo aparece para versão mobile e desktop. Na versão mobile, a imagem ou o vídeo fica no topo da tela, enquanto na versão desktop, está situado no canto esquerdo.
Discutamos adicionalmente a opção de habilitar o cadastro manual gratuito, que permite aos alunos se registrarem usando o link diretamente da área de membros, e a opção de habilitar a funcionalidade "Esqueceu a senha". Após habilitar essas duas opções e salvar as alterações, nós atualizamos a área de membros para visualizar e confirmar as modificações.
Por fim, vimos como resultado a adição de um botão "Criar conta" graças à habilitação do registro manual gratuito, assim como a opção de recuperação de senha. E o vídeo do YouTube que designamos para a tela inicial foi corretamente carregado e exibido.