How to Customise Your WordPress Login Page

Have you ever looked at the login page of your WordPress blog and thought how bland and generic it looks? Have you ever wondered if you could change the colour and logo to make it look completely different from the other blog login pages?

Many people are aware just how customisable WordPress can be, but many bloggers do not know that with a little bit of code they can change the style of their login page rather easily.

Of course you can do it with the help of a plugin, but why have another plugin huffing and puffing in the background slowing your blog down when you can achieve the same end result with a snippet of code?

default-login

This is the default login page that you use every day. Pretty boring and bog standard, right?

custom-login

And here is what our login page looks like. It might not be as fancy as you first imagined, but it is different and tells the visitor EXACTLY which blog they have landed on.

How To Brand Your Login Page

1. SAVE A COPY OF YOUR THEME’S FUNCTION.PHP FILE.

2. Open the theme’s Functions.php file via Appearence -> Editor and at the bottom of the file (just before the ?>) add the following snippet of code:

function qot_login() {
echo ‘<style type=”text/css”>
.login h1 a {
background-image:url( “http://path/to/yourlogo.png” ) !important;
height: 30px !important; width: 200px !important;
background-size: 200px auto !important;
}
body { background: #000; }
.login form { background: #333; }
</style>’;
}
add_action(‘login_head’, ‘qot_login’);

3. Before you save the file make sure you have replaced http://path/to/yourlogo.png with the URL to your logo and you have changed the colours to what you want.

That is all that is required! How easy was that?

About Dean Saliba

Dean Saliba is a freelance writer, professional blogger, media enthusiast, dirty football player and huge professional wrestling fan who covers a wide range of subjects and niches including, making money online, traffic generating, pro wrestling, blog reviews, football, how-to guides, music, internet marketing and more.

Top