O WordPress fornece seu próprio logotipo na inscrição de administrador, ou na página de login. Mas às vezes é necessário substituí-lo por um logotipo próprio, especialmente para mostrar sua marca. Você pode substituí-lo totalmente com sua própria imagem em apenas alguns segundos, inserindo alguns códigos no arquivo functions.php e automaticamente muda a página de registro, também.
É assim que a página de login do WordPress normalmente parece:
Personalizando o Formulário de Login
Como você já sabe, o formulário de Login é a sua porta de entrada para usar e configurar a plataforma de administração do WordPress. Seu login, o login dos assinantes e outros colaboradores do site entram por ele. Por outro lado, muitos temas tem seu próprio formato, ou um plugin para fazer o login. Então você não precisa fazer estas alterações, se não forem necessitárias.
Personalizar, ou mudar o logo da página WP Login
- Se você instalou o WordPress no diretório-raiz do seu site, sua página de login é:
http://example.com/wp-login.php
- Se você instalou o WordPress em seu próprio subdiretório, por exemplo, / directory , sua página de login é:
http://example.com/directory/wp-login.php
Se você tiver um problema de login, tente as sugestões de problemas de login .
O formulário de login e de cadastro
No topo da página de login e de cadastro estão o logotipo e o link do WordPress, seguido pelo formulário de login.
Então acesse o arquivo functions.php pelo editor no painel Admin, ou use um programa de FTP. Este arquivo geralmente se encontra na pasta do tema /wp-contente/themes/seu-tema/functions.php
Adicione este código, para mudar o logo da página WP Login.
function my_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/nome-da-imagem.png);
background-repeat: no-repeat;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
Aqui dentro do estilo abaixo de background-repeat: no-repeat; você ainda pode especificar tamanho da imagem, borda, etc.
Alterando o link do Wordpress para o seu site:
Agora que você já fez a alteração no logotipo, é possível que o link da imagem esteja redirecionando para o site https://wordpress.org e isso você não deseja que continue.
Na mesma página functions.php é possível adicionar o seguinte código e alterar o redirecionamento do link para sua URL.
Adicione este código
//função muda URL do logo em wp-login
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'Título do site';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Pronto, agora seus usuários podem clicar no logotipo e serão redirecionados para a home do seu site.
Você já aprendeu, como mudar o logo da página WP Login e o link do logotipo. No entanto, ainda pode personalizar com mais CSS adicionando um arquivo .css no diretório do tema.
<link rel="stylesheet" type="text/css" href="caminho-do-tema-mais-arquivo.css"/>
Este link pode ser adicionado, onde você desejar, no arquivo header, no arquivo footer, ou então adicionar dentro do do arquivo functions.php com esta função:
//Login Stylesheet eu adicionei isso - customiza wp-login
function custom_login_css() {
echo '<link rel="stylesheet" type="text/css" href="'.get_stylesheet_directory_uri().'/style-login.css?v=2.1"/>';
}
add_action('login_head', 'custom_login_css');
É claro que você deve trocar style-login.css pelo nome do arquivo e tudo pode funcionar bem. Contudo, alguns temas podem não ter as mesmas configurações e provavelmente isso não funcionará.
Em conclusão: você deve fazer backup dos arquivos que vai editar, antes da edição. Certifique-se de ter estes backups porque se estiver usando o editor Wordpress não será possível desfazer a ação.
