How To Change WordPress Logo On Login Page

WordPress provides its own logo on a login page. But in some cases, we need to change it and add a custom logo for branding purposes. It is very easy to change the WordPress logo on the login page.

Change WordPress Logo On Login Page

To change the default WordPress logo, place the below code in your active theme’s functions.php file. In my case, I place my custom logo in the images folder of my active theme. You need to adjust the path in the below code as per the path of your logo.

<?php
function site_login_logo() {
    ?>
    <style type="text/css">
    body.login div#login h1 a {
        background-image: url(<?php echo get_stylesheet_directory_uri().'/images/site-logo.png'; ?>);
    }
    </style>
    <?php
}
add_action( 'login_enqueue_scripts', 'site_login_logo' );

You are done! I hope you learned how to change the WordPress logo on the login page. If you have any questions or suggestions please leave a comment below. You may also want to check our tutorial How To Add A Favicon To WordPress Admin & Login Page and How To Create Custom Login Form In WordPress.

If you liked this article, then please subscribe to our YouTube Channel for video tutorials.

Leave a Reply

Your email address will not be published. Required fields are marked *