How to Change a WordPress Logo on Login Page

Do you want to change the logo on the login page of your WordPress website? If you are running a WordPress membership site or running a WordPress blog website and you have given author accounts to different users, then in this condition the login page is visible to many users.

If more than one user views your login page, then in that condition you must want to change the logo on your WordPress login page for a better user experience.

Read More: How to Install WordPress on Localhost XAMPP

Keeping in mind the better user experience, the article on changing the logo WordPress Login Page. In today’s article, I will talk further about how we can change the logo on the default WordPress login page and design it accordingly.

In WordPress Login Page customization, we can add our custom logo by removing the default logo of WordPress and changing the background of the login form, and apart from this, we can change the font color, etc.

Why change the logo WordPress Login Page

A common question arises in the minds of most people why should we change the logo on the WordPress login page? What will be the benefit to us and if it is beneficial, then in what way?

First, let us talk about the default login page of WordPress, then you must know that it looks something like this –

Now if we talk about customizing, then there can be many reasons for this like – if your client wants that he does not want the default login page, instead he wants a custom design, then in that case you will have to change the logo on the login page of WordPress.

Apart from this, you can also do customization to make your client feel happy. Till now we have talked from the point of view of ourselves and our clients, but did not talk about the main reason and benefits of changing the logo, so now let’s do it.

Friends, if you have more than one author account on your website or you have more than one member who login to WordPress, then in that case, if you have changed the logo on the WordPress login page, then it will increase the user experience and I will be on your website.

Change logo WordPress Login Page

We can change the logo on the login page in 2 ways –

1. change the logo on the WordPress login page without a plugin
2. change the logo on the WordPress login page with the plugin

Change logo WordPress login page without a plugin

In this method, you have to add all the manual logos, backgrounds, and font colors, for which you have to go to the file and write the custom CSS code.

First, you have to upload your custom logo in the media library (Go to  Media » Add New ),

After that, you have to copy the path of the logo image –

Now you have to paste the code given below in the theme’s function.php –

//ADD CUSTOM LOGO FOR LOGIN PAGE
 
function add_admin_login_page_logo() { 
?> 
    <style type="text/css"> 
        body.login div#login h1 a {
         background-image: url(your logo image path);
         background-size: cover;
         height: 150px;
         border-radius: 50%;
         width: 47%;
        }
        html body{
            background: #f2f6fc;
        }
        body.login form{
            background: #f6f9ff;
            border: 0;
            box-shadow: 1px 5px 8px 1px #b6bfcf;
            border-radius: 15px;
        }
        body.login form input{
            border: 0;
        }
        body.login input[type="text"],body.login input.password-input{
            background: transparent;
            border-bottom: 1px dashed;
        }
    </style>
 <?php 
} add_action( 'login_enqueue_scripts', 'add_admin_login_page_logo' );

In this code, we have over-righted the default login page function with the help of our custom function and also over-righted the custom CSS code for the design.

After adding a custom function and custom CSS the output will look something like this-

Friends, so far we have talked about changing the logo WordPress Login Page without a plugin and now we are going to talk about changing the logo WordPress Login Page with Plugin.

Change logo WordPress Login Page With Plugin

To change the logo WordPress Login Page with the help of the plugin, we have to install a plugin named Custom Login Page Customizer by Colorlib.

After the plugin is installed, you have to activate the plugin and then you will see the option of Login Customizer on the left side, then simply click on it and you will see a new window as soon as you click something like this –

In this new window, you will see many options on the left side, using which you can customize the default login page of WordPress according to yourself or your client.

In today’s article, I taught you to change the logo WordPress Login Page, change the logo to a WordPress login page without a plugin, and change the logo to a WordPress login page with the plugin.

Hope you have found this article on changing the logo WordPress Login Page helpful and liked it, if you have found this article helpful, then do share it with your friends.