Simple WordPress Admin Whitelabel to Give Clients a Better Experience

October 29, 2015

You may have noticed a trend in recent blog posts from us.  We like creating happy site admins.

Most people in marketing have seen a WordPress login screen a few times.  This is however not a good excuse for sitting back and letting the admin work in an unbranded experience.  Also we prefer not to use a plugin for this.  These settings are pretty core to WP so the changes are not likely to break a site.

Our primary updates to the admin live on the Login page.   There are two things we recommend:

1. Add the customer logo in place of the WordPress logo
2. Change the signin  button color

These are simple changes but give the customer improved confidence in the site we are delivering to them.

To achieve a simple branded login, create the following function and add_action in your functions.php file:

// LOGIN LOGO
function my_login_logo() { ?>
    <style type="text/css">
       
        body.login div#login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/assets/img/admin-logo.png);
            height: 58px;
            width: 322px;
            -webkit-background-size: contain;
            background-size: contain;
        }
        body.login div#login form#loginform p.submit input#wp-submit {
            border-radius: 0px;
            border: 0px;
            box-shadow: none;
            background:#195075;
        }
        
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

This creates a beautiful branded login screen for our client.

What other ways, do you use to create a branded experience for your customers?