Nosso “widget” para The Lodge na barra lateral do site (mostrado na maioria das páginas, incluindo a página inicial) tem dois estados. Um para quando um usuário é desconectado e outro quando um usuário está logado. O estado desconectado tem um formulário de login diretamente nele para que os membros atuais tenham uma maneira fácil de entrar.
Costumávamos usar a função interna wp_login_form (), que é muito legal para o WordPress fornecer, mas queremos obter algum controle sobre a marcação. Isso nos permitirá adicionar classes e outros enfeites para estilizar como quisermos.
No entanto, há várias situações em que nosso formulário de login personalizado não funcionará e precisaremos usar a visualização de login padrão do WordPress. Ou seja, o que você vê quando visita /wp-login.php. Por exemplo, se você enviar uma senha incorreta, você será redirecionado para esta página. Ou se você quiser se registrar no site (sem passar pelo Restrict Content Pro), ou mesmo redefinir sua senha, você fará isso através desta página /wp-login.php. Então, acho que seria melhor se estilássemos esta página de forma que pareça, você sabe, como uma operação profissional, em vez de apenas “um site WordPress”. Além disso, podemos usar nosso material de marca aqui, ou seja, nossa cabine com neve.
Para obter o controle, usamos alguns “ganchos” do WordPress em nosso arquivo functions.php para carregar um arquivo CSS personalizado. Isso é tudo de que precisamos para obter o controle do design.
Passamos o resto do tempo utilizando esse arquivo CSS para marcar a página de login. Deixamos a cabine um tanto embaçada, o que é um efeito legal, eu acho. Diz “A cabana está lá atrás! Faça o login e tudo ficará claro! ”. Como um bônus legal, fotos borradas como JPG.webps podem ser definidas com qualidade muito baixa, o que é bom, porque as estamos usando como imagens de fundo de página inteira.