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:
- Add the customer logo in place of the WordPress logo
- 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?