Customize Your WordPress Login Screen with a Logo
Adding a custom logo to your WordPress blog is one of the quickest and easiest ways to personalize your WordPress experience.
I use a small code snippet from WP Recipes as the basic means to accomplish this task on most websites I develop.
Their original code snippet has almost everything you need to make your website login page great. However, I like to add a couple of extra lines to it, in order to hide the messages along the bottom of a standard WordPress login screen.
Add these code snippets to your theme’s function files to make your login page a customized experience.
function thisismyurl_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/login-logo.png) !important; }
#backtoblog {display: none; !important;}
#nav {display: none; !important;}
</style>';
add_action('login_head', 'thisismyurl_custom_login_logo');
There is one more thing I like to do to the sites to change the default link of the login logo (if you click your logo, it’ll take you to WordPress). To change the link, simply add the code:
function thisismyurl_custom_login_logo_url($url) {
return get_bloginfo('url');
}
add_filter( 'login_headerurl', 'thisismyurl_custom_login_logo_url' );
Now, simply upload your custom logo to the images directory of your theme and you’re done!
4 Comments
Contemporary Logo Design
Useful tip to use your own logo on wordpress login page, Great tip.
Thanks
03 Aug 2011 10:08 am
Isaias
I would really like to say thanks a lot for your work you have made in writing this posting. I am hoping the same most reliable job by you in the future as well.
07 Aug 2011 05:08 pm
lorenzo
Hi, Also the login-logo of Mark Jaquith, just a single small file, can do the same
26 Sep 2011 10:09 am
Christopher Ross
Lorenzo, you're correct. Mark Jaquith (who's website all WordPress users should bookmark) has a wonderful plugin at http://markjaquith.wordpress.com/2011/02/01/customized-wordpress-login-screen/ which does the same thing.
26 Sep 2011 11:09 am
Leave a Comment