Como criar uma página de login personalizada do WordPress

Você deseja criar uma página de login personalizada do WordPress? Se sim, você receberá sua resposta aqui!

A página de login padrão do WordPress fala menos pela identidade da sua marca. A criação de uma página de login personalizada aumenta o reconhecimento da marca e aumenta a segurança do site, resultando em uma experiência de usuário perfeita.

Felizmente, esse processo não é tão complexo quanto parece.

Neste artigo, mostraremos como criar facilmente uma página de login personalizada do WordPress com LoginPress em um piscar de olhos.

O que é uma página de login do WordPress?

A página de login do WordPress serve como porta de entrada para acessar um site. O usuário só precisa digitar Email e Senha e eles estão dentro.

A página de login padrão do WordPress é a mesma para quase todos os sites. Tem:

• Fundo cinza
• Logotipo WordPress
• Formulário de login simples

Isto é o que parece:

Por que você precisa de uma página de login personalizada do WordPress?

Aqui estão alguns dos motivos mais importantes pelos quais você pode querer criar uma página de login personalizada:

• Branding: uma página de login personalizada permite manter uma identidade de marca consistente com um logotipo personalizado, esquema de cores, etc.
• Segurança: você pode tomar medidas de segurança para aumentar a segurança do WordPress e se proteger contra ataques de força bruta.
• Experiência do usuário: uma página de login personalizada cria uma interface mais amigável.
• Funcionalidade: você pode melhorar a funcionalidade geral da página de login integrando recursos adicionais, ou seja, opções de login social, mensagens personalizadas de boas-vindas e de erro e muito mais.
• Diferenciação: uma página de login personalizada ajuda a diferenciar seu site WordPress de outros que usam páginas de login padrão do WordPress.

Esta é a aparência de uma página de login personalizada do WordPress:

Como criar uma página de login personalizada do WordPress usando LoginPress

Você pode criar facilmente uma página de login personalizada do WordPress, ou seja, manualmente ou usando um plugin.

O trabalho manual precisa de codificação, o que é bem mais complicado. No entanto, é muito simples fazer isso por meio de um plugin do WordPress.

Existem vários plug-ins personalizados de página de login do WordPress disponíveis gratuitamente e premium. Aqui, mostraremos como fazer isso facilmente com o LoginPress.

LoginPress é o melhor plugin personalizador de página de login do WordPress que simplifica o processo de criação de uma página de login personalizada do WordPress. Ele oferece várias opções de design sem a necessidade de habilidades de codificação.

A melhor parte é que tudo é feito diretamente no painel de administração do WordPress.

Etapa 1: instalar e ativar o LoginPress

Para criar uma página de login personalizada com LoginPress, você deve primeiro instalar e ativar o LoginPress em seu site WordPress.

Para isso, vá para a barra lateral esquerda do painel de administração do WordPress > navegue até Plugins > Adicionar Novo .

Na próxima tela, pesquise LoginPress na barra de pesquisa > encontre o plugin nos resultados da pesquisa > clique no botão Instalar agora e depois no botão Ativar .

Veja a imagem abaixo.

Etapa 2: comece a personalizar sua página de login do WordPress

Agora você está pronto para personalizar sua página de login do WordPress. Vamos começar!

1. Tema da página de login personalizável

LoginPress oferece lindos temas para a página de login padrão do WordPress. Você pode selecionar aquele que melhor se adapta ao seu gosto.

Nota: Você pode desbloquear facilmente outros temas maravilhosos para o seu site com LoginPress Pro.

Veja a imagem abaixo:

2. Logotipo da página de login personalizado

LoginPress permite deslizar o logotipo padrão da página de login do WordPress. Ajuda você a adicionar um toque pessoal à sua página de login.

Depois de adicionar um logotipo, você pode fazer alterações nele em termos de:

• Imagem do logotipo
• Largura do logotipo
• Altura do logotipo
• Fundo do espaço

… e mais.

3. Cor/imagem/vídeo de fundo personalizado

Quer seja uma imagem cativante, um esquema de cores sólidas ou um vídeo dinâmico, o LoginPress garante que o fundo aprimore a estética da sua marca.

4. Personalize o formulário de login

LoginPress permite ajustar o formulário de login de acordo com suas especificações. Isso o torna mais fácil de usar e mantém a coerência visual com o estilo da sua marca.

Veja a imagem abaixo:

5. Botões de login personalizados

LoginPress permite que você crie botões de login elegantes e atraentes que estimulam a ação e combinam perfeitamente com o design geral.

Você pode adicionar facilmente:

• Cor do botao
• Cor da borda do botão
• Cor do botão (passar o mouse)
• Cor da borda do botão (passar o mouse)
• Tamanho do botão
• Texto inferior

… e o que não.

Veja a imagem abaixo:

6. Erro personalizado e mensagens de boas-vindas

LoginPress permite criar mensagens de erro e de boas-vindas personalizadas para os usuários.

As mensagens de erro cobrem uma ampla gama de ações para a página de login padrão do WordPress, como:

• Mensagem de nome de usuário incorreto
• Mensagem de senha incorreta
• Mensagem de nome de usuário vazio
• Mensagem de senha vazia

Além disso, mensagens de boas-vindas personalizadas permitem cumprimentar os usuários nos formulários de login, cadastro e esquecimento.

Veja a imagem abaixo:

7. Rodapé do formulário personalizado

Sem dúvida, um rodapé de formulário personalizado pode complementar o formulário de login. Ajuda você a fornecer informações adicionais ou a reforçar a mensagem da sua marca.

É aqui que LoginPress entra novamente para alterar a área de rodapé do formulário de login e também adicionar notas de direitos autorais à página de login padrão do WordPress.

Veja a imagem abaixo:

8. Fontes personalizadas do Google

Você pode selecionar facilmente fontes do Google escolhidas a dedo com LoginPress Pro que ressoem com sua marca.

9. CSS/JS personalizado

LoginPress oferece um recurso CSS/JS personalizado para ajudá-lo a ajustar os elementos visuais exatamente como você deseja para a página de login que está faltando como funcionalidade principal do plugin.

10. Mais recursos

Além de personalizar a aparência geral da página de login padrão do WordPress, você pode alterar facilmente o comportamento padrão da página de login padrão do WordPress usando uma ampla variedade de recursos do LoginPress.

Por exemplo, você pode:

• Forçar redefinição de senha: O plugin permite forçar uma redefinição de senha para os usuários após o período definido.

• Expiração da sessão: você pode criar um horário personalizado para a expiração da sessão, ou seja, 10 minutos.

• Lembrar-me automaticamente: Este recurso ajuda você a manter a opção Lembrar-me padrão do WordPress sempre marcada para o formulário de login.

• Campos de senha personalizados: adicione campos de senha personalizados ao formulário de registro padrão do WordPress.

• Ordem de login: Com LoginPress, você pode alterar a ordem de login padrão do WordPress, ou seja, nome de usuário e endereço de e-mail, apenas nome de usuário ou apenas endereço de e-mail.

• Conformidade com PCI: Agora você pode tornar sua página de login compatível com PCI com LoginPress com apenas um clique.

Além disso, você pode desbloquear complementos úteis com LoginPress Pro para obter outros recursos interessantes para sua página de login, como:

• Menu Login Logout: Este complemento gratuito permite criar um menu de login/logout para o seu site.

• Redirecionamentos de login: você pode usar este complemento Pro para redirecionar os usuários para a página desejada do seu site no login/logout.

• Login social: o complemento LoginPress Pro Social Login permite adicionar login social, ou seja, Facebook, Twitter, Google e LinkedIn, ao seu site.

• Widget de login: você pode adicionar facilmente um widget de login à barra lateral do seu site WordPress para adicionar um login adicional ao seu site.

• Limitar tentativas de login: este complemento permite limitar as tentativas de login em seu site. É o que melhor ajuda contra ataques cibernéticos.

• Login automático: O complemento LoginPress Pro Auto Login permite que você crie um link mágico que os usuários podem usar para acessar seu site sem a necessidade de nome de usuário e senha.

• Ocultar login: este complemento permite alterar o URL de login padrão, ou seja, /wp-login.php, e torná-lo algo que só você conhece. É a melhor maneira de ocultar seu URL de login dos cibercriminosos.

Conclusão

A criação de uma página de login personalizada do WordPress enriquece a presença da sua marca e melhora a experiência do usuário.

Seguindo as etapas acima, você pode controlar completamente a página de login padrão do WordPress. Não perca esta oportunidade de deixar uma impressão duradoura nos seus visitantes. Além disso, estabeleça uma identidade visual consistente para sua marca.

Isso é tudo para este artigo!

Até que ponto ajudamos você a criar uma página de login personalizada do WordPress? Deixe-nos saber deixando um comentário na seção de comentários abaixo.

sobre o autor

Muhammad Adnan é o fundador da WPBrigade, uma empresa de web design e desenvolvimento WordPress. Ele fundou a WPBrigade com especialização em desenvolvimento WordPress, fornecendo soluções customizadas para atender às necessidades específicas dos clientes.