Codeable info

How to Quickly Add Your Logo to Your WordPress Login Page

Posted on by in WordPress Tutorials

The default login screen for WordPress is boring (e.g., which isn’t usually an issue if you are the only one updating your blog or website. If you have clients, customers or friends logging into your blog, you may want to spice it up a little.

In todays post I will show you the quickest and easiest way to add your logo to the WordPress login page.

Here is the default login screen:

Default WordPress login page

In previous versions of WordPress, to change the look of your login box you had to edit two images called login-bkg-tile.gif and login-bkg-bottom.gif. The login box is much simpler now with just a basic logo above the username and password fields. This logo is entitled logo-login.gif and is located in the /wp-admin/images/ folder. So to brand your blog with your own logo you simply need to replace this logo with your own and upload it to the /wp-admin/images/ folder.

Here is the new login screen for WPMods:

New WordPress login for WPMods

Of course, it’s very easy to forget about the login screen logo and overwrite it when you update WordPress. Therefore I suggest creating a modifications folder for your site and saving the image in there. You can also place other modded files and notes about your mods in this directory. Then it’s just a matter of checking this folder for mods after every update.

Hope you enjoyed this super quick tutorial :)


Codeable info

Comments (7)

Comment by says:

No, no…I knew that plugins, I mean I got an email with subject to THANK about I have commented on your site. I have found that plugin to do it for a long time.

Comment by Kevin Muldoon says:

It’s called Subscribe to Comments.

Comment by says:

Oh, I am very surprise about this. Thanks for your article.

P/S: I got an email that is automatically sent with a message about I have commented on your site. Can you tell me the plugin you use to do it ?

Thanks !

Comment by Kevin Muldoon says:

Never heard of that. A basic plugin, but any plugin which saves you having to overwrite files again after upgrading is welcomed :)

Comment by Albert F A Matthews says:

Hi kevin,

You could always use Add logo plugin which does exactly the same just without touching code or your files.

Comment by Kevin Muldoon says:

Glad you like it Roseli :)

Comment by Roseli A. Bakar says:

Hey bro, love your new site !

Codeable info