Development

WordPress: Remove Logo On Login Form

Everyone wants to customize their website or tweak things to conform to the way they want it to look. WordPress is a great product, but I think it confuses people when they click the login link and get a page that screams WORDPRESS. Frankly, I'd rather that bit of confusion didn't exists.

This issue has always been an objection of mine to the WordPress login page. There was a time when that big 'ol logo linked back to WordPress too. That made things real confusing for site visitors. I'm glad they've atleast change that to link to your WordPress blog instead.

So, off to change that ugly thing to something just as ugly perhaps, but less confusing. Unfortunately, we'll need to modify one or two of the WordPress files to get the job done. The first file being: wp-login.php. This will apply to most versions of WordPress, but I'm working today with 2.7.1.

We'll need to open the first file in a text editor (or your favorite HTML editor) and search for

<div id="login"> . You'll see an <h1> tag that follows. The easiest dirtiest way to get rid of the logo is to remove the content between the tags and replace it with the name of your blog. Viola, not pretty but it's much less confusing for the visitors.

If you really want to have the content link back to your blog homepage, go ahead and add your

<a> tags while you are there, but you'll need to do a little more. The WordPress logo is delivered via css. The file is located in /wp-admin/css/login.css. You'll need to open the file and look for <h1 a { . If you want to remove the image all you'll need to do is comment out background: url(../images/logo-login.gif) no-repeat top center; by preceeding the line with /* and appending */ to the end of the line. Alternatively you can change the image here too, but don't forget to change the width and height parameters to match your image.

Downside with all this is every time WordPress is upgraded, you'll have to make these changes all over again.