How Can We Change The Login Logo And Login Logo URL And Logo Hover Title?

Default login page in WordPress is https://yoursiteurl/wp-login.php

It contains WordPress logo and on clicking on logo it will take you to the WordPress official site “https://wordpress.org”

As shown in the screenshot below:

All three default WordPress Logo ,Url And Hover title can changed using 3 hooks/filter.

1. ‘login_enqueue_scripts’ Hook
2. ‘login_headerurl’ Filter
3. ‘login_headertitle’ Filter

WordPress logo is shown as background image in link. so we can change it using css only.
But CSS applied in theme’s style.css will not applied on “wp-login.php”. WordPress Provide ‘login_enqueue_scripts’ hook for applying JavaScript and CSS for “wp-login.php” page.

How To Change Defualt WordPress Logo?

Paste this code to your theme’s functions.php for changing logo.

function ChangeLogo() { ?>
  <style type="text/css">
    .login h1 a {
      background-image: url(logo.jpg) !important;
      background-size: 100% !important;
      float: left;
      width: 100% !important;
    }
  </style>
<?php }
add_action('login_enqueue_scripts','ChangeLogo');

How To Change Defualt Login Logo Url?

For Changing Link of Logo we need to use ‘login_headerurl’ filter.

Custum Url

function LoginUrl() { 
  return 'https://example.com';
}
add_filter('login_headerurl','LoginUrl'); 

Site Url

function LoginUrl() { 
  return home_url();
}
add_filter('login_headerurl','LoginUrl'); 

How To Change Defualt Login Logo Hover title?

For Changing hover title of Logo we need to use ‘login_headertitle’ filter.

function LoginTitle() { 
  return get_option( 'blogname' ); 
}
add_filter('login_headertitle','LoginTitle');