Como criar uma página de login de front-end no WordPress

WordPress é uma plataforma muito poderosa que vem com várias soluções prontas para o seu site. Embora perfeitamente funcionais, essas soluções nem sempre são ideais. Esse é apenas o caso com a funcionalidade de login padrão do WordPress. Pode ser confuso para os visitantes que simplesmente desejam fazer login em suas contas em seu site quando são redirecionados repentinamente para a área de administração do WordPress. Portanto, a menos que seus visitantes tenham algo a fazer na área de administração, como escrever um post ou compartilhar algum conteúdo, não faz muito sentido enviá-los para lá após o login. Portanto, permitir que seus visitantes façam login em seu site diretamente do front-end pode fornecer uma experiência de usuário muito mais satisfatória.

Por que é melhor ter uma página de login no front-end?

Antes de mostrarmos como criar uma página de login front-end no WordPress, vamos citar alguns motivos pelos quais isso pode ser benéfico para você:

Falando francamente, qualquer tipo de site dá uma impressão muito melhor se sua página de login não for a tela de login padrão do WordPress que vimos tantas vezes. Uma página de login front-end personalizada simplesmente mostra que você se esforça para fornecer uma melhor experiência de usuário para seus visitantes, se preocupa com sua marca e pensa em cada detalhe. E considerando a facilidade com que você pode adicionar uma página de login de front-end estilizada ao seu site WordPress, não há realmente muitos motivos para não fazer isso.

Hoje, vamos mostrar como é simples implementar uma página de login front-end usando o plugin Theme My Login.

O fato de o plugin Theme My Login ter mais de 100.000 instalações ativas fala por si sobre sua confiabilidade e eficácia. A razão pela qual escolhemos este plug-in em vez de outros plug-ins é que ele é incrivelmente simples de usar, não requer configuração para construir uma página de login personalizada e é totalmente gratuito. O plugin garante que as páginas corresponderão ao seu tema atual, elas terão a mesma fonte e cores do tema que você está usando. Ele funciona imediatamente, sem a necessidade de personalizar as configurações. Além disso, o plugin adiciona um novo widget ao seu site que você pode colocar na barra lateral, rodapé ou área de cabeçalho e tornar o login ou registro facilmente acessível.

Como criar uma página de login de front-end para WordPress com o tema My Login Plugin

Vamos presumir que você já sabe como instalar um plugin do WordPress, então pularemos essa etapa. Mas caso você encontre algum problema durante o processo de instalação, certifique-se de verificar o link acima.

Depois de instalar e ativar o plugin, é hora de configurá-lo. Vamos dar uma olhada nas configurações que o Tema Meu Login oferece.

Configurando o tema My Login Plugin

O plugin cria cinco novas páginas instantaneamente após a ativação. Você encontrará a página de login, logout, registro, senha perdida e redefinição de senha. Eles são ativados instantaneamente e substituirão a página de login do backend por padrão.

É assim que a página de login fica no nosso caso, o plugin a criou automaticamente com a fonte e as cores que seguem o estilo do nosso tema:

Para ajustar as configurações para essas páginas, clique em Tema Meu Login no seu administrador do WordPress e selecione o Em geral opção.

Aqui você encontrará configurações para personalizar cada uma das cinco páginas, bem como links que levam a elas. As configurações são divididas em três segmentos: Login, Registro e Slugs.

Nas configurações de login, você escolhe se deseja que os visitantes insiram as credenciais padrão, como nome de usuário ou e-mail, apenas nome de usuário ou e-mail apenas ao fazer login. Cabe a você escolher o tipo de configuração que funciona melhor para o seu site.

Nas configurações de registro, você determina quais dados o usuário deve inserir para registrar uma conta em seu site. Você pode escolher entre a opção padrão de solicitar o nome de usuário e o e-mail ou pode solicitar apenas o e-mail ou apenas o nome de usuário. Porém, lembre-se de que as configurações de registro devem corresponder às configurações de login. Se, nas opções de login, você decidiu limitar os usuários a fazer login com um nome de usuário, aqui você precisa garantir que eles também tenham que criar esse nome de usuário no momento do registro.

Você também tem mais opções aqui que estão desativadas por padrão, mas você pode ativá-las se desejar. O primeiro permite que os usuários definam sua própria senha e o segundo faz o login dos usuários automaticamente após o registro.

Um slug é um identificador exclusivo para cada página do seu site WordPress. É a parte do URL que vem depois do seu domínio e que determina a página que o usuário visualizará. O plugin Theme My Login gera um slug simples para cada uma das páginas que cria. Geralmente, quando se trata de slugs, eles devem indicar claramente a finalidade da página. Nesse caso, os slugs gerados automaticamente pelo plugin são realmente ideais. Claro, você pode alterá-los se achar necessário. Apenas tome cuidado com os espaços vazios nos slugs, pois eles são substituídos por um sinal de “% 20”, o que pode rapidamente tornar seus slugs inelegíveis. Você pode usar um hífen (por exemplo, “página de login” em vez de “página de login”).

E lembre-se de salvar as alterações depois de ajustar todas as configurações.

Como adicionar o tema Meu widget de login ao seu site

Como mencionamos, o plug-in vem com um widget útil que você pode adicionar à barra lateral ou rodapé. Para acessá-lo, vá para Aparência> Widgets e selecione o Tema Meu widget de plugin. Ao clicar nele, um menu suspenso será aberto e você poderá escolher em qual área de widget colocar o widget.

Ao adicionar o widget a uma área de widget, você pode começar a personalizá-lo. Para fazer isso, encontre a área de widget apropriada no lado direito da tela e abra-a. Dentro, você deverá ver o widget Theme My Login. Depois de abri-lo, você poderá escolher se deseja ter um login, registrar-se ou recuperar a funcionalidade de senha perdida.

Você pode adicionar até três widgets às áreas de widgets e selecionar uma opção diferente em cada uma. Mas, como costumam ocupar muito espaço, isso não é recomendável. Para ver o widget que você adicionou, você terá que sair da sua conta ou abrir o site em uma guia anônima.

Extensões úteis para tema meu login

O plugin Theme My Login suporta uma ampla gama de extensões que são muito úteis, mas não são gratuitas. No momento em que este artigo foi escrito, o plugin suporta 13 extensões diferentes que incluem Mailchimp, Avatar, Notificações, Favoritos, Restrição, Pacote Legado, etc. E enquanto a versão gratuita do plugin irá cobrir suas necessidades básicas em termos de login front-end , essas extensões podem ser úteis se você precisar de funcionalidades adicionais.

Vamos resumir

O login não é algo que os visitantes esperam especialmente quando acessam o seu site, mas se você já administra um tipo de site que exige o login, por que não torná-lo o mais tranquilo e fácil possível. Considerando o quão competitivo o mundo online pode ser, cada detalhe que traz mais qualidade à experiência do usuário é importante, e uma página de login no front-end é algo que pode melhorar significativamente a experiência do usuário e também ajudá-lo a fortalecer a imagem de sua marca.