post #2448
Adicionar logo personalizado na pagina de login do WordPress
Publicado em: 13/02/2023 / Atualizado em: 13/03/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.
Publicações recomendadas:
Link Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=2448
ID de Referência: 2448
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.