{"id":19406,"date":"2011-06-13T14:06:19","date_gmt":"2011-06-13T08:36:19","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=19406"},"modified":"2022-12-16T19:05:43","modified_gmt":"2022-12-16T13:35:43","slug":"how-to-change-wordpress-login-screen-logo","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2011\/06\/how-to-change-wordpress-login-screen-logo\/","title":{"rendered":"How to Change WordPress Login Screen Logo"},"content":{"rendered":"<p>Do you want to change the <strong>WordPress Login screen logo<\/strong> to your own site logo for better branding? Its easy to change the WordPress logo to your logo and will give better branding, especially if you have multiple authors, or require commenters to sign in repeatedly from that page.<\/p>\n<h2>Change WordPress Login Logo<\/h2>\n<p>1. Modify your logo size to create a new image with following parameters<\/p>\n<ul>\n<li>.GIF image<\/li>\n<li>Transparent background<\/li>\n<li>Size &#8211; 310px wide, 70px height<\/li>\n<li>Name &#8211;<strong> logo-login.gif<\/strong><\/li>\n<\/ul>\n<p>2. Check your WordPress login screen which would be located on the URL <em>http:\/\/yoursite.com\/wp-admin\/<\/em><\/p>\n<p>OR if you host your WordPress in a folder, then it is at <em>http:\/\/yoursite.com\/folder\/wp-admin\/<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19408\" title=\"wordpress-login\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login.png\" alt=\"wordpress login screen\" width=\"351\" height=\"331\" border=\"1\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login.png 351w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login-150x141.png 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login-300x282.png 300w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/p>\n<p>3. Now login via FTP on your server and browse to the <strong>wp-admin\/images<\/strong> folder<\/p>\n<p>4. Find\u00a0<em>logo-login.gif<\/em> image and back it up (rename to <em>logo-login-back.gif<\/em> or download it)<\/p>\n<p>5. Upload your own logo image <em>logo-login.gif<\/em> to replace it<\/p>\n<p>6. Check your WordPress login screen and your logo is live<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19412\" title=\"wordpress-login1\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login1.png\" alt=\"wordpress login screen new logo\" width=\"346\" height=\"328\" border=\"1\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login1.png 346w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/wordpress-login1-300x284.png 300w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/p>\n<p>if you require people to login to your site, you must change your WordPress login screen logo to bet better brand value.<\/p>\n<p>If you want to do this without FTP and editing your WordPress files, you can edit functions.php from your WordPress theme to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2015\/01\/change-wordpress-login-screen-logo-background\/\">change WP logo and customize CSS of login page<\/a> as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to change the WordPress Login screen logo to your own site logo for better branding? Its easy&#8230;<\/p>\n","protected":false},"author":4,"featured_media":19412,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[49,17],"class_list":["post-19406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","tag-tutorials","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/19406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=19406"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/19406\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/19412"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=19406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=19406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=19406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}