{"id":55605,"date":"2022-09-30T09:38:49","date_gmt":"2022-09-30T04:08:49","guid":{"rendered":"https:\/\/www.tothenew.com\/blog\/?p=55605"},"modified":"2022-09-30T10:35:10","modified_gmt":"2022-09-30T05:05:10","slug":"customize-logo-on-wordpress-login-register-page","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/customize-logo-on-wordpress-login-register-page\/","title":{"rendered":"Customize Logo on WordPress Login\/Register Page"},"content":{"rendered":"<p>Like any other page you develop, the login page should be well-designed, but the challenge is that there isn&#8217;t much content you can put on a login screen.<\/p>\n<p>Its function is to enable the user to log in. On a standard login screen, you will notice a username and password field and the registration or forget your password alternatives. This is where the login logo comes in; it allows you to improve the design of your login page and make your logo the focal point of the page.<\/p>\n<p>We&#8217;ll show you how to change the logo on the WordPress login and registration pages today. We&#8217;ve all entered WordPress sites but never considered adding our branding to the login screen. It&#8217;s a pretty basic code; simply copy and paste it onto your website. See how quickly we can update the logo.<\/p>\n<p>So right here are the 2 methods to change the brand on the WordPress Login\/SignUp page. They are as follows:<\/p>\n<ul>\n<li><strong>PHP Function<\/strong><\/li>\n<li><strong>WordPress Plugins<\/strong><\/li>\n<\/ul>\n<h2>Method 1: Using PHP Function<\/h2>\n<p>Because you will be modifying the code of your theme, it is an excellent decision to back up your website beforehand in case you make a mistake. This will allow you to restore your website to a previous model if something goes badly.<\/p>\n<p>We can easily change the brand on the WordPress login page using the PHP code. We need to copy the code below and put it into your theme&#8217;s function.php file, which is located at wp-content >> themes >> activated-theme >> function.php.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-1.png\" alt=\"\" width=\"392\" height=\"505\" class=\"size-full wp-image-55606\" srcset=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-1.png 392w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-1-233x300.png 233w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/p>\n<div class=\"line number1 index0 alt2\"><code class=\"php plain\">function ttn_login_logo() {?><\/code><br \/>\n  <code class=\"php string\">body.login div#login h1 a { background-image: url(http:\/\/localhost\/ttn\/logo.jpeg);\/\/Logo image url }<\/code><br \/>\n  <code class=\"php string\">} add_action( 'login_enqueue_scripts', 'ttn_login_logo' );<\/code><\/div>\n<p>Please check that you replace the logo URL (http:\/\/localhost\/ttn\/logo.jpeg) with your website logo.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-2.png\" alt=\"\" width=\"390\" height=\"471\" class=\" size-full wp-image-55607\" srcset=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-2.png 390w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-2-248x300.png 248w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/p>\n<h2>Method 2: Using WordPress Plugins<\/h2>\n<p>There are numerous plugins available for modifying the logo of your WordPress site. Using the WordPress plugin, we may easily change the WordPress logo on the login page.<\/p>\n<p>Login to WordPress with the URL: https:\/\/yourdomain\/wp-admin. Under Plugins, select Add New Plugins.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3.png\" alt=\"\" width=\"1271\" height=\"342\" class=\"size-full wp-image-55608\" srcset=\"\/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3.png 1271w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3-300x81.png 300w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3-1024x276.png 1024w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3-768x207.png 768w, \/blog\/wp-ttn-blog\/uploads\/2022\/09\/Blog-2-3-624x168.png 624w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/><\/p>\n<p>Please ensure that yourdomain URL is replaced with your website URL.<\/p>\n<p>Search for plugins and click install now button to install the plugin. After installing the plugin, go to the plugin settings and update the logo of the WordPress Login page.<\/p>\n<p>There you go! You just changed the logo on your wordpress website login page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Like any other page you develop, the login page should be well-designed, but the challenge is that there isn&#8217;t much content you can put on a login screen. Its function is to enable the user to log in. On a standard login screen, you will notice a username and password field and the registration or [&hellip;]<\/p>\n","protected":false},"author":1232,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":28},"categories":[5021],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/55605"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1232"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=55605"}],"version-history":[{"count":9,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/55605\/revisions"}],"predecessor-version":[{"id":55617,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/55605\/revisions\/55617"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=55605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=55605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=55605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}