post

Adicionar logo personalizado na pagina de login do WordPress

Publicado em: 13/02/2023 / Atualizado em: 13/03/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.

Publicações recomendadas:


Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News


Link Curto para 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 e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários