Easy Custom WordPress Login Page

without too much code hacking or any plugins

I really wanted to change one website’s login page but I didn’t want to install a plugin.
I’d done so for another site (Themed Login) which was awesome but it really hooked it’s little self into that site and it was hard to get rid of even after I deleted it and deactivated it.I just wanted to change a few little things and thought installing a plugin was overkill.
So I stopped Googling and just thought for a second.What if I just make a simple alteration to the login.css? You find it in wp-admin/css/. I had a good image that was roughly the size of the wordpress header image and I just replaced the WordPress logo with my client’s logo.I left in powered by wordpress–some credit–it is a free tool after all.(That’s in wp-login.php and you don’t have to change it if you don’t care to).
Line 41 in login.css
background: url(path to the image you want to use) no-repeat;
Just put in the path and your logo will show up.
I also changed wp-login.php to have my client’s url instead of the wordpress url
and got rid of the “are you lost” question.My client’s customers probably don’t get that kind of humor.
Line 30 in wp-login.php
<div id="login"><h1><a href="<?php echo apply_filters('login_headerurl', 'http://yourwebaddress'); ?>" title="<?php echo apply_filters('login_headertitle', __('your title text')); ?>"><?php bloginfo('name'); ?></a></h1>
Replace http://yourwebaddress with your url that you want to use.
Replace ‘your title text” with what you want the title text to read when you hover your mouse over it.
To keep it simple just give the name of the website!

Upgrading
Upgrading will of course wipe these changes out. But we can’t upgrade until Custom Fonts is 2.6 compatible, anyway.Sothat yellow bar with 2.6 is available,please upgrade now! Bugs Me.So I got rid of it. I simply added to colors-fresh.css:
#update-nag{display:none}
Optional
Line 270 is where you can change the are “you lost question” text.
A few other tid bits.
In order to matchy matchy your background color with the login page’s background color you can easily change it in wp-admin/css/colors-fresh.css. I wanted to give the login page a black background.But what ho! Now my entire bg is black all thoughout the admin! Oh well.I could go and select ‘use the classic theme’ but that would only be good for my user profile and my client’s. New
users get whatever theme they want. I could go into all their profiles and tick classic…what a pain,though. And since it will be mostly myself and the client logging in to work on the online store… I can live with a black background…Black is beautiful. Which reminds me, vote for Obama!

Please stop reading here if politics gets you all wound up.
Sorry if that offends but really people, a recession? 5 bucks for gas? No billionaire taxes? They have to cut back on social programs for the 1st time in 8 years!There’s freaking war going on and…ok. I’ll simmer down.I’m not usually a politics gal but this stuff has got to stop and it sure enough will not if that Lumpen Aging War Hero(Let’s keep the troops in Iraq until every last young man and woman in the armed forces is dead) gets elected. I have very little faith in the American People who somehow voted for W. the second time around.But I do have hope that even those die harders will see that this country cannot go on in this way. We can’t afford it.

One Response to “Easy Custom WordPress Login Page”

  1. Cat Advice Says:

    Thanks, I found this post to be actually quite helpful.