Customize Your WordPress Login Screen with a Logo

1x1.trans Customize Your WordPress Login Screen with a LogoAdding 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 thoughts on “Customize Your WordPress Login Screen with a Logo

  1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>