Custom Log in Login Page in WordPress

Today, We learn how to show you how to personalize the default WordPress login/logged out page with your custom logo and link as opposed to showing the WordPress logo and the wordpress.org image link, which to be completely honest, shouldn’t be there in the first place!

PHP / CSS Snippet: Replace WordPress Logo With Custom Logo  in WordPress Login Page


add_action( 'login_enqueue_scripts', 'custom_login_logo' );

function custom_login_logo() {
?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(/wp-content/uploads/2021/05/abc.png);
height: 150px;
width: 250px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
}
</style>
<?php
}

add_filter( 'login_headerurl', 'custom_login_logo_link' );

function custom_login_logo_link( $url ) {
return home_url( '/' );
}