How to Change the Logo of Login Screen on WordPress

How to Change the Logo of Login Screen on WordPress post thumbnail image

If you are developing a Client Based Website on WordPress or are making an E-Commerce website then you must have thought about changing the login page logo of WordPress. In this Post, I will talk about ‘How to Change the Logo of Login Screen on WordPress’ step by step. In the Internet many plugins available for doing this work without harming your WordPress blog or website. So in this post, I will describe these plugins to change the Logo of WordPress and change the logo with the codes as well.

In the First Step, you should need to log in your WordPress Administrator area and then click on Plugins Menu given on your left-hand side and then click on Add New. In this Window, you need to Type Custom Login in the search box and choose Custom Login plugin from Search Result. Now Install it and activate your WordPress Website or Blog. You can also download it from this link (Download Custom Login WordPress Plugin). Upload it to your blog or website and activate.

How to Change the Logo of Login Screen in WordPress

How to Change the Logo of Login Screen on WordPress

Now go back to the Dashboard and click on Settings Menu. Here a new Menu will appear after activating Custom Login plugin with the name of Custom Login. Now click on Custom Login menu. In this window, you can change the Background of Login Screen, Position, width and Height also. For changing the Logo, click on Browse button available in the Logo section and choose the image file. I recommend you to choose the PNG format with the transparent background. (Know how to create Transparent Background Logo image). After choosing the file, Upload it and then click on Save Design Settings button. Now log out from your WordPress Dashboard and check the login screen with your custom settings.

Settings page on Custom Login plugin to change the Logo

How to Change the Logo of Login Screen on WordPress with Codes:

If you don’t want to use the above plugin on your WordPress and want to change the login logo with the code then you need to do some coding on your WordPress Website or Blog. First, you need to open your theme’s functions.php file and then add following code to it.

function custom_loginlogo() {
echo '<style type="text/css">;
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/my_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

Now save functions.php file of your WordPress theme. You can use any name for your logo here I’m using my_logo.png. Now, open FTP client on your Computer or you can easily use Cpanel for uploading your image file on your theme’s image directory. Upload the image file and you have successfully changed your Logo of Login Screen on WordPress.

So, Now You may have understood “How to Change the Logo of Login Screen on WordPress”. If you have any queries about this post leave a comment. We are happy to help you.

Leave a Reply

Related Post