After designing and building a custom website, there’s one thing that has always bothered me. It’s that big WordPress W that hits me in the face when I login. It’s just a pet peeve, but for whatever reason, I never bothered to look into changing. Come to find out, it’s super easy and it only takes a few minutes.
Steps to Get Your Unique Login Page
- Create your logo in a size that does not exceed 80px high and save it as a .png.
- Upload your image to the images folder of your child theme root directory. (If there isn’t an images folder, create one.)
- Open your functions.php file and past the following code at the bottom:
/*CHANGE LOGIN LOGO */
function my_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/dmcg-login-logo.png); /* change to the name of your file */
height:80px;
width:176px;
background-size: 176px 80px; /* change to your logo sizes */
background-repeat: no-repeat;
padding-bottom: 30px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
Save your changes.
That’s it! So easy!
Leave a Reply