Como usar o LoginPress para personalizar a página de login do WordPress

Você já tentou alterar a aparência ou funcionalidade da página de login padrão do WordPress? Nesse caso, você sabe que pode ser um trabalho complicado que envolve a edição de arquivos principais do WordPress. A boa notícia é que existe um plugin para isso! Usaremos o Personalizador de página de login personalizada LoginPress para fazer o trabalho.

Tornando sua página de login do WordPress única

Se você é o único usuário WordPress do seu site, provavelmente nunca pensou muito na página de login padrão. Mas se você tiver outros usuários ou colaboradores, talvez queira que a página de login corresponda melhor ao design do seu site. Ou você pode estar apenas procurando uma maneira de melhorar a experiência do usuário.

LoginPress facilita esse tipo de mudança. Você não só pode alterar a aparência da página de login, mas também pode alterar as mensagens padrão. Isso é algo que, de outra forma, exigiria alterações complicadas nos arquivos de login do WordPress e, por si só, justifica a instalação do plugin.

Como adicionar LoginPress ao WordPress

Vamos instalar o plugin e ver como funciona.

1. Instalando o plugin LoginPress

Faça login no painel de administração do WordPress.

Ler:  Magento vs Prestashop: a melhor plataforma de comércio eletrônico

Na navegação da coluna esquerda, passe o mouse sobre o link “Plugins” e clique no link “Adicionar novo”.

Na caixa “Pesquisar plug-ins…”, digite “LoginPress”.

Ao encontrar o plugin, clique no botão “Instalar agora”.

Agora o plugin está instalado, mas precisa ser ativado antes de poder usá-lo.

Clique no botão “Ativar”.

Isso conclui a instalação e ativação. Agora vamos prosseguir com a instalação e execução do plugin em seu site.

2. Configurando LoginPress

Assim que o plugin é ativado, ele adiciona uma imagem de fundo à sua página de login.

Antes de fazer qualquer alteração na página de login, existem algumas configurações padrão que você pode querer ajustar.

Na navegação da coluna esquerda, passe o mouse sobre o link “LoginPress” e clique no link “Configurações”.

Na primeira vez que você acessar o plugin, ele solicitará sua permissão para coletar dados sobre o seu site. Se preferir não enviar os dados do seu site, clique no link “Pular esta etapa”.

A página “Configurações” dá acesso a meia dúzia de configurações.

  • Expiração da sessão define o tempo de expiração da sessão administrativa em minutos. Ou seja, se não houver atividade na seção administrativa por XX minutos, você será desconectado. Por padrão, nenhum tempo limite é definido.
  • Lembre-se automaticamente de mim permite pré-selecionar a opção “Lembrar-me” na página de login. É desativado por padrão.
  • Campos de senha personalizados permite que você adicione campos de senha personalizados ao formulário de registro. É desativado por padrão.
  • Ordem de login permite que você escolha se deseja solicitar o nome de usuário ou endereço de e-mail para fazer login (ou ambos).
  • Redefinir configurações padrão exclui todas as personalizações feitas e redefine os valores padrão do plug-in.
  • Remover configurações na desinstalação exclui tabelas do banco de dados quando o plugin é desinstalado. Ele está desabilitado por padrão, portanto as configurações do plugin permanecerão se o plugin for desinstalado.
Ler:  Como contratar um desenvolvedor autônomo de Magento

Clique no botão “Salvar alterações” se você fizer alguma alteração nas configurações.

3. Alterando o plano de fundo da sua página de login

A imagem de fundo fornecida pelo plugin é adorável, mas vamos alterá-la e começar nosso login personalizado.

As alterações na aparência do formulário são feitas no personalizador do WordPress. Para acessá-lo, na navegação da coluna esquerda, passe o mouse sobre o link “LoginPress” e clique no link “Personalizador”.

Existem muitas opções disponíveis. Alguns deles exigem que você compre a versão “pro” do plugin. Vamos nos concentrar no que está disponível na versão gratuita.

Para acesso rápido a determinados recursos, passe o mouse sobre a visualização da página de login. Você verá vários links de edição aparecerem.

Clicaremos primeiro no ícone “Alterar plano de fundo”.

Existem várias imagens fornecidas pelo plugin. Você pode clicar em um deles para carregá-lo na visualização.

Mas você também pode fornecer sua própria imagem, seja por upload ou pela Biblioteca de mídia.

Na coluna da esquerda, role para baixo e clique no botão “Selecionar imagem”.

Isso abrirá a sobreposição de imagens do WordPress, permitindo que você carregue uma imagem ou escolha uma da Biblioteca de Mídia.

Escolhi uma imagem da Biblioteca de Mídia e a adicionei como plano de fundo.

Para salvar suas alterações a qualquer momento, clique no botão “Publicar” na coluna da esquerda.

Além de definir uma imagem de plano de fundo da página, você também pode definir uma segunda imagem como plano de fundo do formulário.

Ler:  Noções básicas de marketing de busca de comércio eletrônico: o guia para iniciantes

4. Altere o plano de fundo do formulário de login

Clique em “Personalizar formulário de login” na coluna da esquerda.

Em seguida, em “Imagem de fundo do formulário”, clique no botão “Selecionar imagem”.

Aqui, selecionei outra imagem da Biblioteca de Mídia e ela se torna o plano de fundo do formulário.

Embora ainda estejamos na seção “Personalizar formulário de login”, há outra maneira de apresentar a imagem de fundo da sua página.

Clique no botão de alternância “Ativar transparência do formulário” e veja o que acontece.

5. Alterando a cor e o tamanho do texto da página de login

Esse formulário transparente é muito legal, mas agora não podemos ler todo o texto ao redor do formulário.

Corrigiremos isso alterando o texto para uma cor mais clara e tornando-o maior e mais fácil de ler.

Passe o mouse sobre a visualização e clique no link “Personalizar navegação”.

Na coluna da esquerda, mudaremos a cor do texto do rodapé e aumentaremos o tamanho da fonte.

Agora os links “senha perdida” e “voltar” estão legíveis e mais proeminentes.

6. Alterando outros elementos da página

Cada elemento da página pode ser alterado da mesma forma que alteramos as imagens de fundo e o texto do formulário. Aqui estão apenas alguns dos destaques.

A cor, o tamanho e o preenchimento do botão podem ser alterados:

Todas as mensagens de erro do formulário de login podem ser editadas:

Todas as caixas de diálogo do formulário de login podem ser editadas:

Praticamente todos os elementos das páginas de login, registro e senha perdida podem ser alterados e ajustados. Incluindo:

  • Logotipo
  • Fundo
  • Forma de login
  • Formulário de senha esquecida
  • Botões
  • Mensagens de erro
  • Mensagens de boas-vindas
  • Rodapé do formulário
Ler:  GoHighLevel para comércio eletrônico: perfeito para carrinho de compras?

O que acontece se você desinstalar o plugin LoginPress

Se você desinstalar o plugin, sua página de login reverterá para o login padrão do WordPress.

O plugin cria entradas na tabela do banco de dados de opções que não são removidas quando o plugin é desinstalado. (Mesmo se você ativou a configuração “Remover configurações ao desinstalar”.)

Se você precisar excluir as entradas do banco de dados, procure as linhas de opções que contêm “loginpress”.

Esta é a aparência deles no phpMyAdmin:

Nunca foi tão fácil personalizar a página de login do WordPress

Todos Os plug-ins do WordPress usam recursos do servidor e podem potencialmente adicionar tempo ao carregamento da página. Mas considerando o quão fáceis são as alterações na página de login com o LoginPress, a compensação pode ser justificada.

Ao considerar o que envolve fazer alterações manuais na página de login, você pode ver os benefícios de usar o LoginPress. Isso economizará muito tempo e problemas.

A versão paga do plugin é um pouco caro no que diz respeito aos plug-ins. Mas o nível “Startup” e superior apresenta alguns complementos impressionantes. Logins de contas sociais, um widget de login, a capacidade de limitar tentativas de login, ocultar o login e até mesmo fazer login de usuários automaticamente.

Com esses recursos adicionais e a economia de tempo que o plugin oferece, esta é uma atualização “profissional” que posso recomendar.

Você já tentou fazer alterações manuais na sua página de login do WordPress? Você poderia se beneficiar com a fácil personalização da página de login?

Como sempre, deixe-me saber nos comentários. Eu adoraria ouvir de você.

Novas publicações:

Recomendação