How to Change the Logo of Login Screen on WordPress
Read Time:2 Minute, 47 Second

How to Change the Logo of Login Screen on WordPress

0 0

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.

About Post Author

Arvind Singh

Arvind Singh is a Web Developer / Blogger and Also a Youtuber. He Explores what's possible with WordPress, Blogger, Mobile Phones, Web Development and shares his Knowledge with the Readers.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Jetpack Subscription Widget Customize Previous post How to customise Jetpack Subscription widget for WordPress
Creating an Anchor Link on Wordpress Posts Next post How to add Bookmark link on WordPress Posts

Recommended
If you are using Jetpack plugin on your WordPress and…