WordPress Hack: Add Your Logo To The WordPress Login Screen
In this quick tip we’re going to look at how you can change the WordPress logo that you see by default when logging into your WordPress site.
This can be worth doing when building sites for clients as it helps to keep the branding of the site consistent – it’s also a nice little extra that your clients may appreciate.
There are plugins available that can help with this, but in this tip we’re going to look at how you can achieve this through adding a few simple lines of code.
Here’s a screenshot of how the login screen looks by default:
What we want to do is remove the WordPress logo at the top and replace it with our own. For this example, I’m going to replace it with the Voosh Themes logo – add the following code to your functions.php file:
<?php function login_logo() { echo '<style type="text/css"> h1 a { background-image: url('.get_bloginfo('template_directory').'/images/voosh-logo.png); } </style>'; } add_action('login_head', 'login_logo'); ?>
This is fairly straightfoward – we’re basically creating a new function called “login_logo” that writes out some CSS code that refers to the path of your logo image (make sure that you enter the path to your own logo) – we then hook this to the WordPress “login_head” function.
You can see the result here:
Nice and simple! Let me know in the comments section below if you have any questions/feedback about this tip.
June 3rd, 2010 at 1:01 pm
Great wordpress tip, thanks
June 4th, 2010 at 4:46 am
Hi, thanks for share…it’s very easy to do
Great
June 4th, 2010 at 3:00 pm
Also you can use this plugin
WP Custom Login Form Image
cheerz
July 4th, 2010 at 12:22 am
Simplistic and easy enough for anyone to follow to brand their wordpress login page, which I think is important if you have guest bloggers (not so much if you are the only one using the blog, though if you run multiple blogs you can brand them so as to not get confused which one you are signing into).
I chose to use a plug-in only because of its simplicity and not being lost (and having to remember) if I change themes or update my theme.
July 16th, 2010 at 7:16 pm
can anyone help me out. basically i tried adding your script chris to my functions file. but kept getting 2 error messages simular to the one ive pasted in below – basically says the headers have already been sent and it was telling me to like at something like line 337 and 339 of my functions.php file. so i un-did what i did and returned everything back to normal. then i tried the pluggin that someone posted above. my logo appeared on my wp-admin login page once but failed to login and now everytime i go to the login page i get the error below: even after i removed the pluggin i still get this. can anyone help please.
Warning: Cannot modify header information – headers already sent by (output started at /home/rtmediac/public_html/wp-content/themes/sanura/functions.php:410) in /home/rtmediac/public_html/wp-includes/pluggable.php on line 890
July 16th, 2010 at 7:36 pm
sorry.. pre-school error – white space
July 22nd, 2010 at 11:44 pm
I added the code in wordpress 3.0 to the very top the functions.php file and changed the path of the logo to point to mine but it was all cut off and when you click on the logo (that was there) it links to wordpress.org.
Can you help?