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:

  • [Vídeo] Review Geral do Novo Sistema de Relatórios WP Umbrella

    Descubra como o novo sistema de relatórios da WP Umbrella pode otimizar a gestão de sites WordPress. Neste vídeo, exploraremos suas funcionalidades e como ele pode beneficiar seu trabalho. Não perca essa oportunidade e assista agora! Não se esqueça de curtir o vídeo e se inscrever em nosso canal para mais conteúdo exclusivo. ... Continue a ler.

  • [Vídeo] Código PHP na Página com Elementor usando Shortcode

    Neste tutorial, vou te mostrar como inserir um código PHP personalizado em páginas criadas com o Elementor. Aprenda a adicionar funcionalidades extras ao seu site de forma simples e eficaz. Assista ao vídeo para ver o passo a passo completo e não se esqueça de curtir e se inscrever no canal abaixo do vídeo! 😉🚀 ... Continue a ler.

  • Validação de e-mail corporativo com PHP no formulário do Elementor

    Se você precisa adicionar um formulário no seu site WordPress que utiliza o constructor de temas Elementor, mas precisa adicionar uma validação personalizada no campo de email para que o seu usuário apenas adicione emails corporativos e não adicione emails de domínios de contas gratuitas, como Hotmail, Gmail, Yahoo, iCloud, entre outros. Então você pode […] ... Continue a ler.

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