Como Alterar a Página de Login WordPress

Você já pensou em alterar a página padrão de login do WordPress sem ter que ficar instalando plugins pesados ou pagar para desenvolvedores freelancers ou por plugins premiuns? Nesta postagem, vamos explicar como você poderá criar um plugin leve para alterar a página de login WordPress, sem a necessidade de alterar nenhum arquivo existente em teu site ou teu tema.

Quem trabalha com o WordPress sabe o quanto o CMS é de fácil customização. Existem milhares de plugins que permitem fazer quase tudo com o CMS mais popular do mundo.

Por padrão, a página de login mostra a marca e o logotipo do WordPress. Isso é bom se você tem um pequeno blog ou é a única pessoa com acesso de administrador.

criar plugin pagina de login wordpress

No entanto, quem tem um site de membros ou mesmo de clientes, sabe que o usuário irá acessar a página de registro/login e, se esta página tiver uma estética melhor, com certeza os membros do seu site ficarão mais entusiasmados de se cadastrarem no teu site!

Por isso é importante ter uma página de registro e login personalizada, para que seus usuários desfrutem de uma boa navegação em todas as páginas de seu site.

Logicamente existem dezenas de plugins que permitem a alteração da página padrão de login do WordPress. A maior desvantagem é que estes plugins podem precisar de atualizações futuras, além de correr o risco de incompatibilidade com outros plugins, gerando um erro em seu site!

Não mencionaremos, nas listas abaixo, os plugins construtores de páginas, que logicamente conseguem alterar o estilo e estrutura das páginas de login do WordPress.

Melhores plugins gratuitos para alterar a página de login WordPress:

Conteúdo ocultar

1. Custom Login Page Customizer | LoginPress

custom login plugin wordpress loginpress

O Plugin Custom Login Page Customizer da LoginPress contém muitos campos de personalização para alterar o layout da página de login do WordPress. Você pode modificar a aparência da página de login completamente, até mesmo as mensagens de erro de login, mensagens de erro de esquecimento, mensagens de erro de registro, mensagem de dica para esquecimento de senha e muito mais.
O Plugin Custom Login Page Customizer dará a você e aos seus usuários a sensação de que é uma página de login personalizada e parte do layout do site. Você deve verificar o vídeo de demonstração de como você pode personalizar a página de login do WordPress.

Recursos do plugin Custom Login Page Customizer:

  • Personalize mensagens de erro de login. Você pode alterar todas as mensagens de erro, seja no formulário de login, no formulário de esquecimento da senha, no formulário de registro ou no formulário de redefinição de senha;
  • Personalize a imagem do logotipo de login;
  • Personalize a largura da imagem do logotipo de login;
  • Personalize a altura da imagem do logotipo de login;
  • Personalize o título de foco da imagem do logotipo de login;
  • Personalize o link de foco da imagem do logotipo de login;
  • Personalize a parte inferior do preenchimento do logotipo de login;
  • Personalize a imagem de fundo da página de login;
  • Personalize a cor de fundo da página de login;
  • Galeria de fundos com um conjunto selecionado de fundos HD para tela de login;
  • Personalize o tamanho da imagem de fundo da página de login;
  • Personalize a página de login sem imagem de fundo. Você pode mantê-lo simples com um estilo de formulário de login diferente;
  • Personalize a largura do formulário de login;
  • Personalize a altura do formulário de login;
  • Personalize o estilo da borda do formulário de login;
  • Personalize o estilo de entrada do formulário de login;
  • Personalize o estilo da etiqueta do formulário de login;
  • Personalize a cor do texto do campo do formulário de login;
  • Personalize a cor de fundo do formulário de login;
  • Personalize a página de login “perdeu sua senha?” texto;
  • Personalize login e imagem e cor de fundo do formulário de senha esquecida;
  • Personalize o estilo do botão do formulário de login;
  • Personalize as mensagens de aviso do formulário de login;
  • Adicione uma mensagem de aviso de direitos autorais na parte inferior da página de login;
  • Personalize o texto “Voltar para” na página de login. Você pode ocultar, mostrar ou alterar a cor ou até mesmo o tamanho do texto;
  • Personalize o rodapé da página de login. Chamamos a área de rodapé da página de login abaixo dos campos do formulário de login;
  • LoginPress tem uma área CSS personalizada que pode personalizar a página de login de forma mais avançada. Recomendado para usuários avançados;
  • Personalize sua página de login de forma mais avançada usando nossa área JS Customizado. Adicione seu JS lá e torne sua página de login mais avançada;
  • Personalize a página de login com recursos ilimitados disponíveis no LoginPress.
Na versão pro do plugin, os seguintes recursos estão disponíveis:
  • Social Login;
  • Widget de login;
  • Redirecionamentos de login;
  • Limitar tentativas de login;
  • Hide Login;
  • Auto Login.

Veja também: Como Personalizar a Página de Cadastro do WooCommerce sem Plugin

2. Custom Login Page Customizer by Colorlib

custom login plugin wordpress colorlib
Custom Login Page Customizer by Colorlib é um plugin de página de login incrível e intuitivo que ajuda você a personalizar sua página de login e formulário de login diretamente do Customizer. O Customizador de página de login suporta totalmente o recurso Live Customizer e você pode ver todas as mudanças em tempo real em sua página de login e editá-las.
Todas as ferramentas e opções deste plug-in podem ser encontradas em Aparência> Personalizar> Customizador de página de login. Lá você tem modelos que podem ser usados ​​em sua página de login, logotipo da página de login customizada, opções de fundo da página de login customizada, customizações de formulário de página de login customizado, largura customizada do formulário de login, preenchimento e bordas do formulário de login e muito mais, tudo levando a você ter um novo e página de login personalizada.
Customizer Login Page Customizer é sem dúvida um dos plugins WordPress mais fáceis de usar que permite a customização da página de login e do formulário de login. Ele foi projetado e desenvolvido para ser poderoso e amigável para que possa ser apreciado por desenvolvedores iniciantes e avançados. Com o Customizador de página de login, você pode construir uma página de login customizada e um formulário de login customizado em questão de segundos, ao contrário de alguns outros plug-ins do customizador de login. Customizador de página de login marca o fim de uma página de login chata e branda e formulário de login, pois você será capaz de ajustar cada aspecto do formulário para combinar com seu estilo e visualizar e criar uma página de login única e personalizada.
Crie e personalize sua página de login e formulário de login do WordPress do início ao fim. O Customizador de página de login personalizado possui os seguintes recursos:
• Opções de logotipo de página de login personalizado: você pode adicionar um logotipo de página de login personalizado e configurar sua altura e peso.
• Opções de fundo de página de login e formulário de login personalizados: a partir daqui, você pode carregar uma imagem de fundo ou alterar a cor de fundo.
• Opções de formulário de login personalizado: você pode alterar a largura e a altura do formulário de login, adicionar uma imagem de fundo, alterar a cor de fundo, adicionar preenchimento e bordas e alterar a cor de fundo do campo do formulário de login, largura e margem.
• Diversos: aqui você encontrará as opções para alterar o plano de fundo do botão do formulário de login, cor, estado de foco, borda, sombra e cor do link e cor de foco.

Principais recursos do plugin Custom Login Page Customizer:

  • Modelos de página de login personalizados;
  • Ocultar / mostrar logotipo de login da página de login;
  • Mostrar / ocultar o texto do logotipo da página de login;
  • Logotipo personalizado na página de login;
  • Alterar a largura do logotipo na página de login;
  • Alterar a altura do logotipo na página de login;
  • Altere o número de colunas em sua página de login;
  • Personalize a largura das colunas em sua página de login;
  • Alterar o alinhamento da coluna do formulário de login;
  • Personalize o alinhamento vertical do formulário de login;
  • Personalize o alinhamento horizontal do formulário de login;
  • Personalize a cor de fundo na página de login;
  • Adicionar uma imagem de fundo personalizada na página de login;
  • Personalize a cor de fundo da coluna do formulário de login;
  • Adicionar uma imagem de fundo personalizada para a coluna do formulário de login;
  • Personalize a largura do formulário de login;
  • Personalize a largura do formulário de login;
  • Adicionar imagem de fundo personalizada para o formulário de login;
  • Personalize a cor de fundo para o formulário de login;
  • Personalize o raio da borda do formulário de login;
  • Personalize a largura dos campos do formulário de login;
  • Personalize a margem dos campos do formulário de login;
  • Personalize a borda dos campos do formulário de login;
  • Personalize o raio da borda dos campos do formulário de login;
  • Personalize a cor de fundo dos campos do formulário de login;
  • Personalize a cor do texto dos campos do formulário de login;
  • Personalize a cor do rótulo dos campos do formulário de login;
  • Personalize a etiqueta de nome de usuário do formulário de login;
  • Personalize a etiqueta de senha do formulário de login;
  • Mostrar / ocultar os links na página de login sob o formulário de login;
  • Personalize a cor de fundo do botão do formulário de login;
  • Personalizar a cor do fundo do botão do botão do formulário de login;
  • Personalizar a cor da borda do botão do formulário de login;
  • Personalize a cor da borda do botão do formulário de login ao passar o mouse;
  • Personalize a sombra do botão do formulário de login;
  • Personalize a sombra do texto do botão do formulário de login;
  • Personalize a cor dos links do formulário de login;
  • Personalize a cor dos links do formulário de login ao passar o mouse;
  • Ocultar / Mostrar ‘Lembra de mim?’ opção no formulário de login;
  • Opção de CSS personalizado para personalizar ainda mais o formulário de login e a página de login.

3. User Registration – Custom Registration Form, Login Form And User Profile For WordPress

User Registration Custom Registration Form Login Form And User Profile WordPress

O criador de formulários de arrastar e soltar do User Registration permite que você crie formulários de registro personalizados de qualquer tipo para o seu site WordPress. Opte por formulários simples ou crie formulários complexos de várias etapas. Está tudo nas tuas mãos.

Além disso, este plugin gratuito, leve e 100% responsivo vem com um formulário de login lindamente projetado pronto para você usar. Ele também cria automaticamente uma conta de perfil de usuário para usuários do WordPress.

A melhor coisa é que existem opções de personalização ilimitadas para cada campo e formulário. Para adicionar mais extensibilidade a isso, você obtém complementos premium para incluir funcionalidades extras em seus formulários de registro. Então, você tem um fantástico plugin de login e registro de usuário para WordPress.

Principais recursos do plugin User Registration:

  • Construtor fácil de arrastar e soltar: Basta arrastar e soltar os campos do formulário em uma tela em branco e criar um formulário de registro rapidamente. Sem código, sem confusão;
  • Campos de formulário personalizados além dos campos de usuário padrão: O registro do usuário remove as limitações impostas pelos campos padrão do WordPress durante o registro de usuários. Use campos de formulário personalizados, como País, Política de Privacidade e Foto do Perfil para criar qualquer tipo de formulário de que você precisa;
  • Notificações por e-mail para usuários: Envie notificações personalizadas por e-mail para seus usuários assim que concluírem o processo de registro. Além disso, você também pode enviar notificações sobre pagamentos e alterações feitas nos detalhes do perfil;
  • Linda página de conta de perfil de usuário: O registro do usuário cria automaticamente uma conta de perfil de usuário do WordPress para todos os seus usuários registrados. Melhor ainda é o fato de que você ainda tem o controle total da personalização desta página;
  • Formulário de login embutido: Não há necessidade de fazer um formulário de login separado para os usuários, pois você obtém um formulário de login embutido com o Registro do usuário. Basta redirecionar seus usuários para esta página a partir da página de registro;
  • Proteção forte contra spam com Google reCaptcha e Honeypot: bloqueie ataques de spam como registro de usuário falso e envios de spam com nosso recurso Google reCaptcha e honeypot; Basta habilitar os recursos para os formulários selecionados nas configurações do plugin;
  • Atribua funções e capacidades de usuário: atribua funções de usuário padrão do WordPress como Editor, Autor, Assinante e muito mais ao criar formulários de registro. Isso permite que você controle quem tem acesso a quais seções do seu site e quais ações eles podem realizar;
Existe uma versão pro do plugin, com mais recursos disponíveis!

3. Branda – White Label WordPress, Custom Login Page Customizer

Branda White Label WordPress Custom Login Page Customizer
Personalize todos os aspectos do WordPress para se adequar à sua marca com Branda, o único plugin premium e 100% gratuito para WordPress. Transforme seu painel, personalize e-mails do sistema (padrão), alterne rapidamente o modo de manutenção e as páginas de destino em breve, altere todos os aspectos da sua tela de login, remova ou substitua logotipos, crie esquemas de cores e muito, muito mais. Branda tem tudo para reformular a marca do WordPress gratuitamente, sem mexer em nenhum código.
Economize tempo, elimine problemas de compatibilidade de plug-ins e melhore a segurança com um plug-in e sem mais modificações de hack.
Mesmo os melhores criadores de temas WordPress deixam a marca WordPress em todo o seu site. Branda ajuda você a reformular a marca!
No seu blog pessoal não é um grande problema, mas para uma pequena empresa, agência de design e desenvolvimento ou qualquer site profissional, um look final com um pacote completo da marca é importante. É aí que entra Branda! Transforme o WordPress em sua própria solução de etiqueta em branco.

Principais recursos do plugin Branda:

  • Barra de administração – Substitua o logotipo do WordPress, mostre a barra de ferramentas para usuários desconectados e personalize os itens de menu;
  • Rodapé do administrador – exibe texto personalizado no rodapé de cada página do administrador;
  • Menu de administração – Personalize o menu de administração por função do usuário ou tipo de usuário personalizado;
  • Mensagem de administrador – exibe uma mensagem personalizada nas páginas de administração do WordPress;
  • Esquemas de cores – defina esquemas de cores personalizados e gerencie esquemas de cores;
  • CSS personalizado – adicione CSS personalizado para personalizar o cabeçalho de cada página administrativa;
  • Conteúdo de ajuda – Altere o conteúdo de ajuda existente, adicione um novo item de ajuda ou adicione uma barra lateral de ajuda;
  • Feeds do painel – Personalize o widget do painel do feed de notícias;
  • Widgets do painel – remova os widgets padrão, personalize a mensagem de boas-vindas ou adicione novos widgets de texto ao painel;
  • Meta Widgets – renomeie o meta widget padrão em todos os blogs multisite por um que tenha o link “Powered By” vinculado à sua rede. Substitua o link “WordPress.org” no meta widget pelo título do seu site e vincule-o ao seu site;
  • Caixa de autor – Adiciona uma caixa de autor responsiva ao final de suas postagens, mostrando o nome do autor, gravatar, descrição e perfis sociais;
  • Notificação de cookies – informe aos usuários que seu site usa cookies para cumprir os regulamentos GDPR da lei de cookies da UE;
  • Mensagem de erro de banco de dados – crie uma página de erro de banco de dados personalizada para que da próxima vez seus visitantes não vejam apenas o erro de texto “Erro ao estabelecer uma conexão de banco de dados”;
  • Documento – permite que você altere os padrões para a exibição de entrada;
  • Conteúdo do rodapé – insira conteúdo no rodapé de cada site em uma rede multisite, ou seja, incorporações, termos de serviço, etc;
  • Conteúdo do cabeçalho – insira conteúdo no cabeçalho de cada página do seu site, ou seja, notícias / notificações na parte superior do cabeçalho normal do site;
  • Tela de login – Personalize a tela de login padrão. Comece com um modelo pré-projetado ou use o construtor para redesenhá-lo do zero para reformulá-lo completamente;
  • Tela de inscrição – Personalize a funcionalidade de inscrição e exija um código de inscrição para o registro;
  • Controle de comentários – desabilite os comentários nas postagens, páginas ou em todo o seu site com opções avançadas para whitelisting IPs;
  • Imagens – Adicione um Favicon e substitua o limite de upload de tamanho de arquivo de imagem padrão com base na função do usuário;
  • Site Generator – Altere as “informações do gerador” e o “link do gerador” do WordPress para algo de sua preferência;
  • Substituição de texto – substitua qualquer texto de suas páginas de administração e / ou páginas de front-end por uma interface fácil de usar. Por exemplo, você pode usar isso para substituir a palavra “WordPress” pelo nome do seu próprio site;
  • Códigos de rastreamento – insira códigos de rastreamento em seu site em locais diferentes com opções para inserir o código em todo o site ou condicionalmente;
  • Modo de site da Web – páginas de modo de manutenção personalizada ou em breve para o seu site.

4. CLP – Custom Login Page by NiteoThemes

CLP Custom Login Page by NiteoThemes
O plugin CLP – Custom Login Page by NiteoThemes permite que você personalize qualquer elemento essencial na página de login do WordPress. Ele utiliza um personalizador poderoso para implementar mudanças em tempo real. A mudança de um logotipo, fundo gráfico, tipografia ou apenas um simples ajuste não pode ser mais fácil do que isso.

Principais recursos do plugin CLP – Custom Login Page:

  • Modelos predefinidos cuidadosamente elaborados para escolher: minimalista, plano, claro, escuro e muito mais;
  • Layout personalizável – de largura total, layout de 50-50 a 2/3;
  • Personalização do logotipo: desative o logotipo, texto personalizado com a tipografia escolhida ou um logotipo gráfico;
  • Plano de fundo: cor, gradiente, padrão, imagem ou vídeo do YouTube;
  • Rodapé da página de login personalizada para exibir direitos autorais ou qualquer conteúdo;
  • Galeria Unsplash integrada – escolha entre mais de 1,5 milhões de imagens de alta resolução gratuitas;
  • Forma: largura, altura, espaçamento, cor, desfoque, raio da borda, tipografia completa, bordas, sombras;
  • Entradas de formulário e rótulos: cores, cores de foco e foco, raio da borda, desabilitar ícone de senha, desabilitar / habilitar a caixa de seleção “lembrar de mim”;
  • Botão de envio de formulário: texto personalizado, cor, cor de foco, tamanho, alinhamento, bordas;
  • Rodapé do formulário: alinhamento, tamanho da fonte, alteração de textos;
  • Mensagens: personalização completa de mensagens de login, cadastro e senha perdida incluindo cores;
  • CSS personalizado: insira qualquer código CSS personalizado para personalização especializada.
  • A página de login é 100% responsiva;
  • Importar / Exportar as configurações do personalizador.

5. YITH Custom Login

YITH Custom Login plugin
Instale o plugin YITH Custom Login e altere o estilo padrão de login do wordpress. Defina um estilo bonito para a página de login do seu site e personalize-a de acordo com o seu estilo! Depois de instalar o plugin, você só precisa ativá-lo para ativá-lo.
YITH Custom Login irá adicionar uma nova página em Appearance -> Login Screen, onde você pode configurar o plugin e personalizar a página de frontend.

6. Custom Login Page Customizer

Custom login page customizer
O plugin Custom Login Page Customizer permite que você personalize facilmente sua página de login diretamente de seu Customizador de WordPress! Você pode visualizar suas alterações de login personalizadas antes de salvá-las!
No painel do WordPress, navegue até Aparência> Customizador de página de login para começar.
Você pode personalizar quase tudo e fazer com que tenha a aparência que desejar.

7. Custom Login Page | Design Login Page | Rebrand Login | Login Captcha

Custom Login Page Design Login Page Rebrand Login Login Captcha
Como o título diz, o plugins Custom Login Page é super leves e não colocam estresse no seu site, enquanto alguns outros plug-ins vão arrastar toda a sua experiência para baixo e também retarda o backend / painel do seu site.
Com o Feather Login Page Designer, você obtém belos designs de página de login gratuitamente. Todos os designs de página de login são totalmente personalizáveis ​​para que você possa facilmente alterar imagens, logotipos e reformulá-los de acordo com o seu tema e unificar a sensação e o design de todo o seu site WordPress.
Ótimos recursos com ferramenta de design fácil de usar para você criar designs personalizados. Projetos totalmente personalizáveis, personalizador fácil de usar que não é desajeitado e super rápido.

Principais recursos do plugin Custom Login Page:

  • Editor de página de login ao vivo;
  • Modo responsivo (opções móveis);
  • Google Recaptcha;
  • Mudar logotipo;
  • Alterar imagens de fundo;
  • Alterar histórico do formulário de login;
  • Mudar as cores do texto;
  • Alterar família da fonte;
  • Alterar texto e rótulos de campo;
  • Adicionar CSS personalizado;
  • Redirecione os usuários após o login;
  • Limite as tentativas de login;
  • Altere o url de login para evitar ataques de força bruta;
  • Links de login expiráveis.

8. Custom Dashboard & Login Page – AGCA

Custom Dashboard and Login Page AGCA
Com este plugin, você pode personalizar facilmente o painel de administração do WordPress , a página de login , o menu de administração , a barra de administração etc. em pequenos detalhes.
  • BARRA DE ADMINISTRAÇÃO : Oculte ou altere os itens da barra de administração. Remova os traços do WordPress da barra de administração. Marque-o com as cores personalizadas;
  • MENU DE ADMINISTRAÇÃO : Altere e remova os itens existentes e adicione itens personalizados do menu de administração. Marque-o com as cores personalizadas;
  • COLORIZADOR : Esta ferramenta é integrada ao painel de administração Absolutely Glamorous Custom e pode ser usada para alterar as cores padrão do painel de administração do WordPress, barra de administração, menu de administração, página de login, planos de fundo e texto;
  • BRANDING : Brand suas páginas do painel de administração com conteúdo personalizado, cores, imagens e texto;
  • OPÇÕES DE PAINEL DE ADMINISTRAÇÃO : Existem dezenas de outras opções de painel de administração usadas para melhorar o WordPress UX em itens de páginas de administrador e login, como widgets do painel, opções de ajuda e tela, logotipos do WordPress, links, menus etc;

Aproveite e veja nossas dicas de temas: Os Melhores temas WordPress para Podcasts

Principais recursos do plugin Custom Dashboard & Login Page – AGCA:

  • Ocultar menu de opções de tela;
  • Esconder o menu Ajuda;
  • Ocultar esquema de cores na página do perfil;
  • Ocultar rodapé completamente;
  • Alterar / remover texto do rodapé;
  • Alterar / remover texto da versão do rodapé;
  • Alterar o texto do cabeçalho do painel;
  • Adicionar conteúdo HTML de painel personalizado;
  • Ocultar widgets do painel;
  • Ocultar de volta ao texto do blog;
  • Voltar para o texto do blog;
  • Alterar imagem de login;
  • Alterar hiperlink na imagem de login;
  • Ocultar imagem de login;
  • Cantos arredondados nas caixas de login;
  • Ocultar links de registro e senha perdida;
  • Alterar hiperlink no botão de registro;
  • Renomear itens de menu e submenu;
  • Ocultar itens de menu e submenu;
  • Ocultar barra de administração completamente;
  • Mostrar botão de logout apenas se a barra de administração estiver completamente oculta;
  • Ocultar barra de administração apenas nas páginas do site;
  • Substitua o logotipo do WordPress por uma imagem de marca personalizada;
  • Alterar link no logotipo da barra de administração;
  • Modelo de título de página personalizado nas páginas de administração (alterar => tag);
  • Adicionar imagem de marca personalizada acima do conteúdo na barra de administração;
  • Ocultar logotipo do WordPress;
  • Ocultar nome do site;
  • Ocultar menu de contexto do logotipo da barra de administração;
  • Ocultar bloco de notificações de atualização;
  • Ocultar bloco de comentários;
  • Ocultar novo bloco de menu;
  • Esconder Novo > Postagem;
  • Esconder Novo > Link;
  • Esconder Novo > Página;
  • Ocultar Novo > Usuário;
  • Esconder Novo > Mídia;
  • Alterar o nome do site para texto personalizado;
  • Ocultar notificação amarela de atualização do WordPress;
  • Alterar o texto Howdy;
  • Alterar texto de logout;
  • Remova a opção Editar Meu Perfil do menu de contexto;
  • Mostrar botão Logout apenas à direita;
  • Adicionar novos botões com links personalizados;
  • Remover ícones dos botões do menu de administração;
  • Remova os espaços entre os botões do menu de administração;
  • Remover seta do menu de administração ao passar o mouse;
  • Pop-ups de submenu de administração circular;
  • Remover botão Recolher;
  • Adicionar imagem de marca personalizada acima do menu do administrador;
  • Adicionar link personalizado à imagem de marca;
  • Alterar as configurações de dobra automática do menu de administração;
  • Altere as cores do fundo e do texto na página de administrador e de login;
  • Alterar as cores do menu de administração;
  • Alterar as cores do widget;
  • Adicionar CSS personalizado;
  • Adicionar JavaScript personalizado;
  • Exportar / importar configurações de personalização.

9. WordPress Custom Login Page Customizer | Custom WordPress Admin Login Page Customizer

WordPress Custom Login Page Customizer Custom WordPress Admin Login Page Customizer
Diga adeus à página de login chata, simples e simples do WordPress e crie uma com você nosso próprio logotipo, sua própria marca, cores, plano de fundo e muito mais.
Custom Login Page Customizer dá a sua página de login de administrador, login, registro e recuperação de senha nova aparência personalizada em poucos minutos, nenhuma habilidade de codificação necessária. Mais recursos do que qualquer outro plugin de login personalizado, controle total sobre o estilo da página de login e muito fácil de usar ..
Crie um design de login exclusivo ou um design de login de administrador com o plugin de login customizado, Quase todos os elementos na página de login podem ser personalizados com o plugin do estilizador de página de login customizado. Faça estilos de login bonitos e atraentes em poucos minutos.
Customizador de login personalizado – o plugin do estilizador de página de login foi bem testado,
se você encontrar um bug, abra um tíquete na solicitação de suporte.
Cada problema será corrigido o mais rápido possível!
Se você esqueceu e precisa: seu login padrão do WordPress é “seu_dominio/wp-admin/” ou “seu_dominio/wp-login.php”.
Configurações gerais do Customizador de Login Personalizado:
Você pode ocultar / mostrar o logotipo de login customizado, pode ocultar / mostrar mensagens de erro de login, pode ocultar / mostrar links de navegação: senha / registro perdidos.
Configurações do logotipo de login do Customizador de login personalizado:
Esta área de configurações do Customizador de login – Plug-in do estilizador de página de login ajuda a adicionar seu próprio logotipo em vez do logotipo do WordPress na página de login. Você também pode alterar a largura e a altura do logotipo de login de 80 X 80 px para largura e altura personalizadas.
Se você não quiser mostrar seu próprio logotipo ou logotipo do WordPress nas páginas de login, você pode fazer isso apenas localizando o logotipo de login. Você também pode adicionar um link personalizado ao logotipo.
Login Personalizado Customizer Login Background settings:
Esta área de configurações do plugin de Login Utimate oferece a capacidade de adicionar uma imagem de fundo ao fundo cinza da página de login, dando aos usuários uma aparência atraente. Você também pode alterar a cor de fundo da página de login se não o fizer quero adicionar uma imagem de fundo
Configurações do Formulário de Login do Customizador de Login Personalizado:
Esta área de configurações do plugin de login Ultimate oferece controle total para personalizar os detalhes do formulário de login, você pode alterar a cor do formulário, adicionar imagem de fundo do formulário de login, alterar a borda do formulário (tamanho, cor, estilo), alterar o campo de entrada borda (tamanho, cor, estilo), cor e tamanho do rótulo do formulário de login e cor do formulário de login com opacidade, a posição do formulário de login também pode ser alterada para a parte superior direita inferior esquerda.
Customizer Login Customizer Google Fonts:
Esta área de configurações do plugin Ultimate login ajuda a adicionar fontes google para etiqueta de login, mensagem de erro de login, campo de entrada, lembrete, botão de login e links de navegação. Escolha sua fonte favorita entre centenas de fontes do Google e combine sua página de login com o tema do seu site.
Configurações do botão de login do Customizador de Login Personalizado:
Esta área de configurações do plugin de login Ultimate ajuda a mudar a cor do botão de login e a cor de foco do botão de login e também pode mudar a cor da borda do raio da borda.
Customizador de login Customizer Navigation Links:
Esta área de configurações do plugin de login Ultimate ajuda a mudar a cor e o tamanho dos links de navegação, você pode escolher a cor no seletor de cores do WordPress.
Customizador de login personalizado Google reCaptcha:
Google reCAPTCHA foi desenvolvido para segurança. Armado com tecnologia de ponta, ele sempre se mantém na vanguarda das tendências de combate ao spam e abuso. O reCAPTCHA está à sua disposição, para que fique tranquilo.
Para aumentar a segurança da sua página de login, você pode adicionar o google reCaptcha ao seu formulário de login. Ajuda a lutar contra bots e spammers para fazer o login no seu site. Para usar o Google ReCaptcha na página de registro e recuperação de senha, você deve atualizar para a versão pro do plugin.
Customizador de login Limitar tentativas de login:
O ataque de força bruta pode ser usado por criminosos para quebrar dados criptografados ou por analistas de segurança para testar a segurança de rede de uma organização. Se você adotar o uso desse plugin, ele limitará o número de vezes que um usuário pode tentar fazer login em sua conta.
Limite as tentativas de login para proteção de login, proteja o site de ataques de força bruta. O Ataque de força bruta visa ser o tipo de método mais simples de obter acesso a um site: ele tenta nomes de usuário e senhas, repetidamente, até entrar. Limite de login Attempt & Login Page Styler O plug-in de login limita a taxa de tentativas de login e bloqueia o IP temporariamente.
O Login Page Styler é diferente por design porque é focado na eficiência, usabilidade e confiabilidade. Ele é criado de uma forma que molda simplicidade e funcionalidade em um personalizador de login poderoso, mas utilizável.
O Login Page Styler faz você se destacar com metade do esforço.
Marque sua página de login com sua marca, mais recursos do que qualquer outro plugin de login personalizado.

Principais recursos do plugin Custom WordPress Admin Login Page Customizer:

  • Plugin ligado / desligado;
  • Adicione seu próprio logotipo personalizado no login ou página de login do administrador com login personalizado;
  • Altere o título do logotipo com login personalizado;
  • Ocultar logotipo de login com login personalizado;
  • Ocultar mensagem de erro de login com login personalizado;
  • Oculte o link de senha perdida de login com login personalizado;
  • Ocultar link de login de volta ao blog com login personalizado;
  • Largura do logotipo de login personalizado;
  • Altura do logotipo de login personalizado;
  • Link do logotipo de login personalizado;
  • Posição do formulário de login personalizado;
  • Altere o tamanho da fonte da etiqueta do formulário de login;
  • Altere a cor do rótulo do formulário de login;
  • Alterar o estilo da fonte do rótulo do formulário de login;
  • Botão de upload do logotipo de login personalizado;
  • Botão de upload da imagem de fundo do corpo de login personalizado;
  • Cor de fundo do formulário de login personalizado;
  • Fontes de etiqueta de login personalizadas;
  • Personalize a largura da borda do formulário de login;
  • Adicionar cor de borda de formulário de login personalizado, estilo de borda;
  • Adicionar formulário de login personalizado, tamanho da borda da caixa de texto, cor estilo raio;
  • Alterar a cor do botão do formulário de login, tamanho da borda, cor da borda;
  • Altere o raio da borda do botão do formulário de login, o estilo da borda;
  • Alterar a cor da borda do tamanho da borda do mouse sobre o botão e o estilo da borda;
  • Adicione cores de links de navegação, cores de foco de links de navegação e tamanho de links com login personalizado.

Está pensando em criar um currículo online? Veja: Os Melhores Temas WordPress para Curriculum Vitae

10. Theme My Login

WordPress Theme My Login Plugin
Tema Meu Login permite que você ignore a página de login padrão da marca WordPress que não se parece em nada com o resto do seu site. Em vez disso, seus usuários verão as páginas de login, registro e recuperação de senha diretamente no seu tema. A melhor parte? Funciona assim que sai da caixa, sem a necessidade de configuração! Recuperem sua página de login, usuários do WordPress!

Principais recursos do plugin Theme My Login:

  • Faça com que seus usuários façam login a partir do frontend do seu site;
  • Faça com que seus usuários se registrem no frontend do seu site;
  • Faça com que seus usuários recuperem a senha do frontend do seu site;
  • Personalize os slugs usados ​​para login, registro, recuperação de senha e outras páginas;
  • Permita que seus usuários se registrem apenas com seu e-mail;
  • Permita que seus usuários definam suas próprias senhas no momento do registro;
  • Permita que seus usuários façam login usando seu e-mail e senha, nome de usuário e senha ou uma combinação dos dois;
  • Permita que seus usuários façam login automaticamente após o registro com login automático.

11. Custom Login Page Templates – Change Logo, Background and CSS

Custom Login Page Templates Change Logo Background and CSS
O plugin WordPress Custom Login Page Template personaliza a página de login padrão do WordPress com diferentes modelos, uploads de logotipo e plano de fundo, bem como suporte para CSS personalizado.
Ao fazer alterações diretamente no WordPress Customizer, você pode experimentar adicionar cores à sua página de login do WordPress. Use o logotipo do seu próprio site, uma bela imagem de fundo e escolha entre 5 modelos de página de login personalizados (com mais por vir).
Cada modelo é projetado de forma personalizada para que você obtenha uma bela IU de login sem ter que perder tempo modificando cada pequena cor, sombra ou fonte. E quando você precisa de mais controle sobre a interface, adicionar CSS personalizado é simples e oferece controle total sobre a aparência, sem passar por centenas de configurações e seletores de cores.
Se você deseja configurar seu próprio login front-end personalizado, registro e formulários de perfil de usuário (e não usar os WordPress padrão), você pode usar o Profile Builder .

Principais recursos do plugin Custom Login Page Templates – Change Logo, Background and CSS:

  • feedback instantâneo sobre suas mudanças usando o Customizador;
  • escolha entre 5 modelos de página de login personalizados diferentes;
  • carregue o seu próprio logotipo;
  • carregue uma imagem de fundo de largura total;
  • definir uma imagem de plano de fundo da Foto do Dia em WikiMedia; https://commons.wikimedia.org/wiki/Main_Page;
  • modelos de cores claras e escuras;
  • estilize sua página de login personalizada do WordPress com seu próprio CSS.
Agora que vimos quais os principais plugins próprios para alterar a página de login do WordPress, vamos explicar como você mesmo pode criar o seu plugin (muito mais leve e simples do que os acima) ou alterar pelo functions.php do teu tema!

Como Alterar a Página de Login WordPress pelo Functions,php?

Caso você, como eu, detesta ficar instalando plugins desnecessários, que podem acarretar algum problema de incompatibilidade futura com outros plugins ou com o tema instalado, uma alternativa é alterar a página de login padrão do WordPress pelo arquivo functions.php e ambém do arquivo style.css, ambos encontrados do teu tema.
Antes de mais nada, deixo claro que é muito importante você fazer um backup do arquivo functions.php e style.css do teu tema, antes de realizar qualquer alteração! Recomendo também que você altere somente o arquivo do tema filho, caso você venha a atualizar o tema padrão futuramente.
Supondo que você já saiba utilizar o FTP FileZilla ou o cpanel do seu servidor, para criar uma nova pasta em teu site, a primeira coisa que devemos fazer é começar a personalizar o logotipo da página de login do login WordPress alterando algumas linhas dos teus arquivos, seguindo os passos abaixo:
  1. Acesse pelo FTP ou pelo cpanel a instalação do WordPress e vá para o diretório/wordpress/wp-content/themes/seu-tema-filho (caso for fazer diretamente no tema instalado, o padrão a ser seguido é o mesmo, só alterando para o nome do teu tema);
  2. Você deve criar um diretório (pasta) dentro do diretório do tema filho (ou do tema padrão) denominado “images” sem as aspas, onde enviará seus novo arquivos de imagens de logotipo e do background (imagem de fundo, se desejar);
  3. Em seguida, carregue tanto o logotipo quanto a imagem de fundo da página de login, nesta pasta criada. Anote ou lembre-se das dimensões das imagens e do nome dos arquivos. Você precisará deles ao configurar o código no arquivo style.css do teu tema;
  4. Deixe feito uma cópia (backup) de segurança do arquivo functions.php e do arquivo style.css do teu tema para o teu computador, caso algo dê errado futuramente.
  5. Faça login no painel de administração WordPress;
  6. Vá para Aparência -> editor de temas e escolha o tema filho (se estiver usando somente o padrão, escolha-o);
  7. Em seguida, no lado direito da página, selecione a opção Theme Functions -> arquivo functions.php para editar;
  8. Adicione este código ao final do seu arquivo functions.php:
function my_custom_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/style.css' );
}

add_action( 'login_enqueue_scripts', 'my_custom_login_stylesheet' );
Para alterar a url padrão do WordPress para o teu site e alterar o nome do teu site, antes da frase “Voltar ao site”, adicione este trecho, no final do arquivo functions.php:
/*Função que altera a URL, trocando pelo endereço do seu site*/
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
 
/*Função que adiciona o nome do seu site, no momento que o mouse passa por cima da logo*/
function my_login_logo_url_title() {
return 'Nome do seu site - Voltar para Home';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Novamente acessando a pasta wp-content/themes/seu-tema, acesse o arquivo style.css e clique em “editar”.
Por fim, adicionaremos o CSS ao arquivo style.css do tema, que podemos personalizar para usar nossa própria imagem ou estilo. Basta colocar trocar a url pela url do seu site e também o nome do tema que estiver usando e colar no final do arquivo style.css:
body.login #login h1 a {
 background: url('https://seusite.com/wp-content/themes/seu-tema/images/logo.png') no-repeat top transparent;
 height: 71px;
 width: 250px;
}
body.login {
 background-image: url('https://seusite.com/wp-content/themes/seu-tema/images/fundo.jpg');
 background-size: 100%;
 background-attachment: fixed;
}
Obs: caso prefira um fundo de cor sólida, ao invés de uma imagem de fundo, basta substituir o código acima por este outro:
body.login #login h1 a {
 background: url('https://seusite.com/wp-content/themes/seu-tema/images/logo.png') no-repeat top transparent;
 height: 71px;
 width: 250px;
}
body.login {
background: #000;
}
*Substitua #000 pela cor desejada.
Pronto, se você seguiu todos os passos anteriores, verá que a logo e a imagem de fundo estará com as imagens que você escolheu anteriormente, bem como a url ao passar o mouse sobre a logo!
customizar pagina de login wordpress
A maior desvantagem deste método é que, a cada nova atualização do tema, você precisará alterar novamente tanto o arquivo functions.php e o arquivo style.css e subir novamente ao seu site.
Pensando nisso, decidi que seria mais simples criar um plugin básico, bem leve, com o mínimo de código, que funcionará com qualquer versão do WordPress.

Como Alterar a Página de Login WordPress com Plugin Próprio

Como vimos anteriormente, alterar a página de login do WordPress pode ser facilmente feito através de plugins ou alterando alguns arquivos do teu tema.
Mas, como a maioria de plugins nos entope de recursos e links externos que nos tira a atenção quando estamos dentro do painel do WordPress, eu costumo utilizar o meu próprio plugin para personalizar a página de login de meus sites!
Vamos ver como é fácil e funciona de maneira simples?
Primeiro crie o plugin acessando wp-content/plugins/e criando um diretório chamado meu-proprio-login. Com o bloco de notas, crie um arquivo chamado meu-proprio-login.php (evite acentos e salve com o formato UTF-8) e envie o arquivo para a pasta criada.
Abra o arquivo e cole:
<?php
/**
 * Plugin Name: Meu Plugin de Login
 * Plugin URI: http://freepress.market
 * Description: Login page CSS modifications.
 * Version: 1.0.0
 * Author: João da Silva
 * Author URI: http://freepress.market
 * License: GPL2
 */

Esta é apenas uma seção de comentários do WordPress, que aparecerá na página de administração do seu site. Logo abaixo desta seção, no mesmo arquivo (meu-proprio-login.php), adicione o seguinte:

function meu_proprio_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/meu-login/meu-login.css" />';
}
add_action('login_head', 'meu_proprio_login');
Não esqueça de enviar para a pasta wp-content/plugins/meu-proprio-login

Agora vamos ao nosso diretório de temas instalados localizado em wp-content/themes/seu-tema (não esqueça de substituir seu-tema com o nome do seu tema atual). Dentro do seu diretório de temas, criaremos uma pasta chamada meu-login.

Abra o bloco de notas e cole estes códigos:
/* Isso altera a cor de fundo */
body.login {
  background-color: #191919;
 }
/* Adicionei isso porque na página de registro a cor cobre apenas metade da página*/
body, html {
  background-color: #191919;
}

/* Aqui altera o seu logo */
.login h1 a {
  background-image: url('https://seusite/wp-content/uploads/2021/09/logo.png');
}

/* Isso altera a caixa do formulário de login */
.login form {
  background-color: #000000;
}

/* Isso altera a caixa de mensagem acima do formulário de login */
.login .message {
  background-color: #000000;
  border-left: 4px solid #9548e2;
}

/* Isso muda a cor do texto do parágrafo */
p {
  color: #FFFFFF;
}

/* Aqui muda o label (ex: nome de usuário / texto da senha */
.login label {
  font-size: 12px;
  color: #FFFFFF;
}

/* Isso altera as caixas de entrada de nome de usuário e senha */
.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

/* Isso altera a cor do botão de login */
.login .button-primary {
  width: 120px;
  float:right;
  background-color:#ad78e2 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ad78e2), to(#9548e2));
  background: -webkit-linear-gradient(top, #ad78e2, #9548e2);
  background: -moz-linear-gradient(top, #ad78e2, #9548e2);
  background: -ms-linear-gradient(top, #ad78e2, #9548e2);
  background: -o-linear-gradient(top, #ad78e2, #9548e2);
  background-image: -ms-linear-gradient(top, #9548e2 0%, #ad78e2 100%);
  color: #ffffff;
  -webkit-border-radius: 4px;
  border: 1px solid #bd98e2;
}

.login .button-primary:hover {
  background-color:#ad78e2 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ad78e2), to(#9548e2 ));
  background: -webkit-linear-gradient(top, #ad78e2, #9548e2 );
  background: -moz-linear-gradient(top, #ad78e2, #9548e2 );
  background: -ms-linear-gradient(top, #ad78e2, #9548e2 );
  background: -o-linear-gradient(top, #ad78e2, #9548e2 );
  background-image: -ms-linear-gradient(top, #ad78e2 0%, #9548e2 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #bd98e2;
}

.login .button-primary:active {
  background-color:#ad78e2 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#9548e2), to(#ad78e2));
  background: -webkit-linear-gradient(top, #9548e2, #ad78e2);
  background: -moz-linear-gradient(top, #9548e2, #ad78e2);
  background: -ms-linear-gradient(top, #9548e2, #ad78e2);
  background: -o-linear-gradient(top, #9548e2, #ad78e2);
  background-image: -ms-linear-gradient(top, #9548e2 0%, #ad78e2 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #bd98e2;
}

/* Isso altera a cor dos links */
.login #nav a:hover{
  color: #9548e2 !important;
}

/* Isso muda a cor do link 'voltar para o site' */ 
.login #backtoblog a, .login #nav a, .login h1 a {
  color: #ad78e2 !important;
  text-decoration: none;
}

/* Isso muda a cor do link ao clicar sobre 'voltar para o site'*/
.login #backtoblog  a, .login #nav a, .login h1 a:hover {
  color: #9548e2 !important;
}
Salve como “meu-login.css” (sem as aspas) e envie para a pasta wp-content/themes/seu-tema/meu-plugin, criada anteriormente.

Agora vá para Plugins ==> Plugins instalados dentro da área de administração do WordPress e ative seu plugin.

Pronto! Agora você terá o seu logo no lugar do logo do WordPress e uma cor de fundo! Lembrando que você poderá substituir facilmente a cor de fundo por uma imagem qualquer, bastando alterar o código css acima!
O bom deste plugin é que ele é superleve, além de nunca precisar de atualizações! Também não ficará poluindo o painel de administração de teu site com links indesejados e você poderá atualizar o tema sem se preocupar em perder nenhum código!
Está procurando um trabalho como freelancer? Veja Como Ganhar Dinheiro como Freelancer

Resumo – Como Alterar a Página de Login WordPress

Como você viu neste post, alterar a página de login do WordPress com ou sem plugin é muito fácil de se fazer! Usar ou não plugins para conseguir alterar a página de login WordPress vai depender de cada profissional ou do projeto que ele está desenvolvendo.
O que achou desta postagem? Tem mais alguma dica para nos passar? Deixe nos comentários abaixo e até mais!

Fernando Ota

Webmaster e programador, especialista em construção de sites em Wordpress, Joomla e Magento, tenho profundo conhecimento em CSS3, HTML5, java, Laravel,React, BootStrap, Mysql, Oracle e desenvolvimento de aplicativos. Fez dezenas de cursos de SEO especializado em WordPress, otimização e performance de sites, plugins e temas para WordPress e atualmente trabalha com marketing digital, SEO Onpage e Offpage, Google Analytics e otimização para sites em WordPress.

0 0 votes
Article Rating
Subscribe
Notify of
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x