tela de login alterada
15/08/2019
Alterando página de login do WordPress

O WordPress é um sistema de gestão de conteúdo para internet, voltado principalmente para a criação de sites e blogs. Ele é bastante popular, chegando a ter uma fatia de 37% do mercado, segundo o próprio site do WordPress e o Kinsta.

Baseado em PHP, é possível fazer diversas customizações ou até mesmo criar seu próprio template ou plugin. Uma dessas customizações que você pode fazer em um tema no WordPress, é a da página de login.

Claro, é indicado que você conheça um pouco de HTML, CSS e PHP para realizar essa tarefa. Mas o processo é bastante simples, basta incluir o seguinte trecho de código no arquivo functions.php do seu tema:

function meutema_custom_login() {
	echo '<style type="text/css">
	  body {background-color: #010d2e !important;}
	  .login form{border-radius: 15px;}
	  h1 a { border: 3px solid #fff; border-radius: 55%; background-image: url(' .get_bloginfo('template_directory').'/images/logo.png) !important;}
	</style>';
}
add_action('login_head', 'meutema_custom_login');

Nessa função que você acabou de criar, basta inserir qualquer estilo nos elementos body ou form, fica a seu critério quais áreas da página alterar.

É importante ressaltar que a imagem logo.png deve ser inserida na pasta images e que você deve ter acesso aos arquivos do tema que você está utilizando. 😉

Materiais:
https://www.mirago.com.br/tutorial/como-alterar-o-logotipo-da-pagina-de-login-do-wordpress/
https://mycolor.space/gradient3

Postagens relacionadas
Como delegar tarefas de forma eficiente? Ver

Em qualquer projeto, não só aqueles que envolvem o desenvolvimento de alguma solução tecnológica, uma das principais questões é como distribuir as tarefas entre os membros da equipe e garantir que o resultado, ao final do processo, seja satisfatório. Delegar tarefas de forma eficaz é uma habilidade que qualquer líder ou gestor que deseja aumentar […]

Trabalhando com Cookies apenas utilizando JavaScript Ver

Trabalhando com Cookies apenas utilizando JavaScript. Exemplo de como salvar e acessar dados armazenados. Link para repositório e página com demonstração de como trabalhar com mudança de tema.

Usando JQuery para alterar tema no Bootstrap Ver

Muitas aplicações possuem a opção de alterar o tema, geralmente indo de um modo claro para um modo escuro (dark mode). Isso pode servir para economizar a bateria dos dispositivos, para melhorar o estilo da aplicação ou até para agradar os olhos de quem já está cansado de olhar para aplicações claras demais. Há diversas formas de […]