Wordpress iOS app icon

Customise your WordPress login logo

If you run a WordPress website that requires your customers or clients to log in and use the admin area for blogs or managing content, you probably don’t want them to see the standard WordPress logo. Well, the good news is that you don’t have to.

Wordpress login screen
Default WordPress log in screen

Simply adding the code below to your template’s functions.php file will allow you to set a custom logo to be displayed on the default WordPress login page.

function my_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
		height:65px;
		width:320px;
		background-size: 320px 65px;
		background-repeat: no-repeat;
        	padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
Wordpress login screen with custom logo
Custom logo displayed on WordPress log in screen

You can develop the login screen further with the help of the WordPress Codex.

Leave a Reply

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