Change WordPress Login Logo And Logo URL and Logo Hover Title


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'); 

null

,

Leave a Reply

Your email address will not be published. Required fields are marked *