Why Use a Custom Logon on WP Login Page?

Its function is to enable the user to log in. On a typical login screen, you will see a username and password field, as well as the signup or forgot your password options. This is where the login logo comes in; it allows you to improve the look of your login page and make your logo the focal point of the page.

Remember that a logo isn’t just for logging in and that it should be one of the first things you design for your website. The logo will make your website feel more personal, and visitors will appreciate a personal website if it is good. Most people believe that “A picture is worth a thousand words,” but because a logo represents your brand, it should be worth two thousand words.

Write the following code in your functions.php file to upload the custom logo on WP Login Page.

• • Login to your WordPress Admin Dashboard.
  • Now from the left sidebar go to Appearance -> Theme Editor.
  • Go to the functions.php file and write the below code.

//Custom Logo on WP Login Page

add_action( 'login_enqueue_scripts', 'custom_login_logo' );
 
function custom_login_logo() {
   ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
           background-image: url("https://www.eruditeworks.com/wp-content/uploads/2021/03/EruditeWorks-logo-1.png");//Here you can set the Image URL which you want to add on Login Page. 
           height: 150px;
           width: 250px;
           background-size: contain;
           background-repeat: no-repeat;
           background-color: transparent;
      }
    </style>
   <?php
}
 
add_filter( 'login_headerurl', 'custom_login_logo_link' );
 
function custom_login_logo_link( $url ) {
    return home_url( '/' );
}

Custom Logo on WP Login Page

Once you add one of these scripts into your WordPress, you will successfully Add the Custom logo on WordPress Login Page.
Now, try uploading your own Custom logo on WP Login Page.

Also, You can install and activate the plugin.

• • Login to your WordPress Admin Dashboard.
  • Now from the left sidebar go to Plugins -> Add New Plugin
  • Search the Change WordPress Login Logo.
  • Install and Activate that Plugin
  • Or, You can Download from that and Upload the file. Click Here to Download Plugin !!
  • After Activating that, Go to Settings -> Login Logo.
  • In there you can upload your custom logo, set height and width of the logo and can finally show you logo on the login page.

Also Read:  The Future of Web Application Development: Emerging Trends and Technologies

Thank you for reading our blog. We believe you’ve found value in our ideas and processes. Erudite Works Pvt Ltd is a leading IT consulting services company, focused on delivering outstanding results. Our dedicated team of experts understands clients’ unique needs, providing tailored solutions for significant business growth. With a successful project track record, we are committed to helping clients achieve their goals in today’s evolving digital landscape. For more information on our services, please Contact Us.