{"id":6942,"date":"2020-04-22T17:03:22","date_gmt":"2020-04-22T17:03:22","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=6942"},"modified":"2026-10-06T13:20:01","modified_gmt":"2026-10-06T13:20:01","slug":"change-wordpress-login-logo-and-url","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/","title":{"rendered":"Change WordPress Login Logo And Logo URL and Logo Hover Title"},"content":{"rendered":"\n
\n

How Can We Change The Login Logo And Login Logo URL And Logo Hover Title?<\/h2>\n

Default login page in WordPress is https:\/\/yoursiteurl\/wp-login.php<\/p>\n

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

As shown in the screenshot below:
\n\"Change<\/p>\n

All three default WordPress Logo ,Url And Hover title can changed using 3 hooks\/filter.<\/p>\n

    \n
  1. ‘login_enqueue_scripts’<\/b> Hook<\/li>\n
  2. ‘login_headerurl’<\/b> Filter<\/li>\n
  3. ‘login_headertitle’<\/b> Filter<\/li>\n<\/ol>\n

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

    How To Change Defualt WordPress Logo?<\/h2>\n

    Paste this code to your theme’s functions.php for changing logo.<\/p>\n

    function<\/span> ChangeLogo<\/span>() { ?>\n  <style type=\"text\/css\">\n    .login h1 a {\n      background-image: url(logo.jpg) !important;\n      background-size: 100% !important;\n      float: left;\n      width: 100% !important;\n    }\n  <\/style>\n<?php }\nadd_action<\/span>('login_enqueue_scripts'<\/span>,'ChangeLogo'<\/span>);\n<\/code><\/pre>\n
    How To Change Defualt Login Logo Url?<\/h2>\n
    For Changing Link of Logo we need to use ‘login_headerurl’<\/b> filter.<\/p>\n
    Custum Url<\/h3>\n
    function<\/span> LoginUrl<\/span>() { \n  return<\/span> 'https:\/\/example.com'<\/span>;\n}\nadd_filter<\/span>('login_headerurl'<\/span>,'LoginUrl'<\/span>); \n<\/code><\/pre>\n
    Site Url<\/h3>\n
    function<\/span> LoginUrl<\/span>() { \n  return<\/span> home_url<\/span>();\n}\nadd_filter<\/span>('login_headerurl'<\/span>,'LoginUrl'<\/span>); \n<\/code><\/pre>\n
    How To Change Defualt Login Logo Hover title?<\/h2>\n
    For Changing hover title of Logo we need to use ‘login_headertitle’<\/b> filter.<\/p>\n
    function<\/span> LoginTitle<\/span>() { \n  return<\/span> get_option<\/span>( 'blogname'<\/span> ); \n}\nadd_filter<\/span>('login_headertitle'<\/span>,'LoginTitle'<\/span>); \n<\/code><\/pre>\n
    \"null\"<\/figure>
    <\/p>\n<\/div>\n
    Related reading:<\/strong><\/p>\n