post

Adicionar logo personalizado na pagina de login do WordPress

Publicado em: 13/02/2023

Categorias: BlogPHPPluginsWordpress

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.

Clique aqui e entre em contato


Comentários