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?

How To Brand Your Login Page


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; }
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?

Oh hi there 👋 It’s nice to meet you.

Sign up to get access to all the sites that I have used to make money online.

We don’t spam! Read our privacy policy for more info.

About Dean Saliba

Dean Saliba is a freelance writer, professional blogger, media enthusiast, keen long-distance runner, 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, running, and more.

Check Also

How to Change your WordPress Permalink Structure

When you install WordPress you will no doubt notice that the default permalink structure is …