{"id":6942,"date":"2020-04-22T17:03:22","date_gmt":"2020-04-22T17:03:22","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=6942"},"modified":"2025-01-07T13:22:09","modified_gmt":"2025-01-07T13:22:09","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<h1>Change WordPress Login Logo And Logo URL and Logo Hover Title<\/h1>\n<div>\n<h3>How Can We Change The Login Logo And Login Logo URL And Logo Hover Title?<\/h3>\n<p>Default login page in WordPress is https:\/\/yoursiteurl\/wp-login.php<\/p>\n<p>It contains WordPress logo and on clicking on logo it will take you to the WordPress official site &#8220;https:\/\/wordpress.org&#8221;<\/p>\n<p>As shown in the screenshot below:<br>\n<img decoding=\"async\" src=\"http:\/\/expertwebtechnologies.com\/blogs\/wp-content\/uploads\/2020\/09\/before.png\"><\/p>\n<p>All three default WordPress Logo ,Url And Hover title can changed using 3 hooks\/filter.<\/p>\n<ol>\n<li><b>&#8216;login_enqueue_scripts&#8217;<\/b> Hook<\/li>\n<li><b>&#8216;login_headerurl&#8217;<\/b> Filter<\/li>\n<li><b>&#8216;login_headertitle&#8217;<\/b> Filter<\/li>\n<\/ol>\n<p>WordPress logo is shown as background image in link. so we can change it using css only.<br>\nBut CSS applied in theme&#8217;s style.css will not applied on &#8220;wp-login.php&#8221;. WordPress Provide <b>&#8216;login_enqueue_scripts&#8217;<\/b> hook for applying JavaScript and CSS for &#8220;wp-login.php&#8221; page.<\/p>\n<h3>How To Change Defualt WordPress Logo?<\/h3>\n<p>Paste this code to your theme&#8217;s functions.php for changing logo.<\/p>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"snip keyword\">function<\/span> <span class=\"snip function\">ChangeLogo<\/span>() { ?&gt;\n&nbsp;&nbsp;&lt;style type=\"text\/css\"&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;.login h1 a {\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-image: url(logo.jpg) !important;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-size: 100% !important;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;float: left;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width: 100% !important;\n&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&lt;\/style&gt;\n&lt;?php }\n<span class=\"snip function\">add_action<\/span>(<span class=\"snip string\">'login_enqueue_scripts'<\/span>,<span class=\"snip string\">'ChangeLogo'<\/span>);\n<\/code><\/pre>\n<h3>How To Change Defualt Login Logo Url?<\/h3>\n<p>For Changing Link of Logo we need to use <b>&#8216;login_headerurl&#8217;<\/b> filter.<\/p>\n<h4>Custum Url<\/h4>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"snip keyword\">function<\/span> <span class=\"snip function\">LoginUrl<\/span>() { \n&nbsp;&nbsp;<span class=\"snip keyword\">return<\/span> <span class=\"snip string\">'https:\/\/example.com'<\/span>;\n}\n<span class=\"snip function\">add_filter<\/span>(<span class=\"snip string\">'login_headerurl'<\/span>,<span class=\"snip string\">'LoginUrl'<\/span>); \n<\/code><\/pre>\n<h4>Site Url<\/h4>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"snip keyword\">function<\/span> <span class=\"snip function\">LoginUrl<\/span>() { \n&nbsp;&nbsp;<span class=\"snip keyword\">return<\/span> <span class=\"snip function\">home_url<\/span>();\n}\n<span class=\"snip function\">add_filter<\/span>(<span class=\"snip string\">'login_headerurl'<\/span>,<span class=\"snip string\">'LoginUrl'<\/span>); \n<\/code><\/pre>\n<h3>How To Change Defualt Login Logo Hover title?<\/h3>\n<p>For Changing hover title of Logo we need to use <b>&#8216;login_headertitle&#8217;<\/b> filter.<\/p>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"snip keyword\">function<\/span> <span class=\"snip function\">LoginTitle<\/span>() { \n&nbsp;&nbsp;<span class=\"snip keyword\">return<\/span> <span class=\"snip function\">get_option<\/span>( <span class=\"snip string\">'blogname'<\/span> ); \n}\n<span class=\"snip function\">add_filter<\/span>(<span class=\"snip string\">'login_headertitle'<\/span>,<span class=\"snip string\">'LoginTitle'<\/span>); \n<\/code><\/pre>\n<figure><img decoding=\"async\" style=\"width: 100%; margin: 2% 0;\" src=\"http:\/\/expertwebtechnologies.com\/blogs\/wp-content\/uploads\/2020\/09\/logo.png\" alt=\"null\"><\/figure><p><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8220;https:\/\/wordpress.org&#8221; As shown in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,36],"tags":[],"class_list":["post-6942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hooks","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT<\/title>\n<meta name=\"description\" content=\"Learn how to change the WordPress login logo and URL. Customize your site&#039;s login page to reflect your brand and improve the user experience with this simple guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"Learn how to change the WordPress login logo and URL. Customize your site&#039;s login page to reflect your brand and improve the user experience with this simple guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-22T17:03:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T13:22:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098\"},\"headline\":\"Change WordPress Login Logo And Logo URL and Logo Hover Title\",\"datePublished\":\"2020-04-22T17:03:22+00:00\",\"dateModified\":\"2025-01-07T13:22:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\"},\"wordCount\":206,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png\",\"articleSection\":[\"Hooks\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\",\"name\":\"Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png\",\"datePublished\":\"2020-04-22T17:03:22+00:00\",\"dateModified\":\"2025-01-07T13:22:09+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098\"},\"description\":\"Learn how to change the WordPress login logo and URL. Customize your site's login page to reflect your brand and improve the user experience with this simple guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png\",\"width\":1024,\"height\":640,\"caption\":\"Blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Change WordPress Login Logo And Logo URL and Logo Hover Title\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT","description":"Learn how to change the WordPress login logo and URL. Customize your site's login page to reflect your brand and improve the user experience with this simple guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/","og_locale":"en_US","og_type":"article","og_title":"Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT","og_description":"Learn how to change the WordPress login logo and URL. Customize your site's login page to reflect your brand and improve the user experience with this simple guide.","og_url":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/","og_site_name":"EoXys IT","article_published_time":"2020-04-22T17:03:22+00:00","article_modified_time":"2025-01-07T13:22:09+00:00","og_image":[{"width":1024,"height":640,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098"},"headline":"Change WordPress Login Logo And Logo URL and Logo Hover Title","datePublished":"2020-04-22T17:03:22+00:00","dateModified":"2025-01-07T13:22:09+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/"},"wordCount":206,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png","articleSection":["Hooks","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/","url":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/","name":"Change WordPress Login Logo And Logo URL and Logo Hover Title - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png","datePublished":"2020-04-22T17:03:22+00:00","dateModified":"2025-01-07T13:22:09+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098"},"description":"Learn how to change the WordPress login logo and URL. Customize your site's login page to reflect your brand and improve the user experience with this simple guide.","breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Blog-V-05-1024x640-1.png","width":1024,"height":640,"caption":"Blog"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/change-wordpress-login-logo-and-url\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"Change WordPress Login Logo And Logo URL and Logo Hover Title"}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/84bbb0ed79f55b9272b6d516898c1098","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/6942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=6942"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/6942\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8715"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=6942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=6942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=6942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}