post
Adicionar logo personalizado na pagina de login do WordPress
Publicado em: 13/02/2023
Neste post vou mostrar de maneira simplificada, como você pode editar o logo da pagina de login do seu site wordpress.
Para isso, adicione o código abaixo em seu site:
<?php function brc_custom_logo_login() { ?> <style> #login h1 a, .login h1 a { background-image: url('URL_DO_LOGO') !important; height: 65px; width: 150px; background-size: 150px 65px; background-repeat: no-repeat; } .wp-core-ui .button-primary { background: #000 !important; border: none !important; } .login #nav { display: none !important; } .login form { border-radius: 5px !important; border: none !important; box-shadow: 0 10px 13px rgb(0 0 0 / 8%) !important; } input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { border-color: #000 !important; box-shadow: none !important; } .language-switcher { display: none !important; } </style> <script> window.addEventListener("DOMContentLoaded", function(){ jQuery('#login h1 a').attr('href', '<?= home_url() ?>'); }); </script> <?php } add_action( 'login_enqueue_scripts', 'brc_custom_logo_login' );
Para adicionar o código customizado acima, você pode editar o arquivo functions.php do seu tema ou usar um plugin como o WPcode.
Espero que este artigo tenha lhe ajudado.
Grande abraço e até o próximo post.
Link de compartilhamento
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.
bruno.art.br/pb/2448
ID de Referência: 2448
Sugira uma publicação
Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.