{"id":76710,"date":"2016-10-12T08:23:49","date_gmt":"2016-10-12T12:23:49","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76710"},"modified":"2017-07-24T05:55:48","modified_gmt":"2017-07-24T09:55:48","slug":"wordpress-customize-login-page-logo","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-customize-login-page-logo.html","title":{"rendered":"WordPress. How to customize login page logo"},"content":{"rendered":"<p>Hello, this tutorial will show you how to customize the login page logo in <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\">WordPress<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/T_FeV5pfEeg\"><\/iframe>\r\n<\/div>\r\n<p>When you access the <a href=\"https:\/\/www.templatemonster.com\/admin-panel-wordpress-themes\/\" target=\"_blank\">WordPress admin panel<\/a>, the first thing you notice is the login page with a WordPress logo. Wouldn\u2019t it be better if this page had your company logo?<\/p>\r\n<p>There are many simpler ways to do this using WordPress plugins that allow other customization options too.<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>But we would prefer setting it using the powerful WordPress functions.php file. <\/p> \r\n\r\n<ol>\r\n<li><p>Open the <strong>functions.php<\/strong> file from your theme with the editor and place the following lines below:  <\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1-300x228.png\" alt=\"Wordpress_How_to_customize_login_page_logo_1\" width=\"300\" height=\"228\" class=\"alignnone size-medium wp-image-76712\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1-300x228.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1-150x114.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1-768x584.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_1.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<pre class=\"brush:php\">\/\/ CUSTOM ADMIN LOGIN HEADER LOGO\r\n \r\nfunction my_custom_login_logo()\r\n{\r\necho '&lt;style  type=\"text\/css\"'&gt; h1 a {  background-image:url(' . get_bloginfo('template_directory') . '\/images\/logo_admin.png)  !important; } '&lt;\/style'&gt;';\r\n}\r\nadd_action('login_head',  'my_custom_login_logo'); <\/pre>\r\n<\/li>\r\n\r\n<li><p>Upload the &#8216;logo_admin.png&#8217; file to the \/wp-content\/themes\/images\/ folder then and check your site. We have successfully replaced default WordPress logo with custom one.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2-300x228.png\" alt=\"Wordpress_How_to_customize_login_page_logo_2\" width=\"300\" height=\"228\" class=\"alignnone size-medium wp-image-76711\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2-300x228.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2-150x114.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2-768x584.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Wordpress_How_to_customize_login_page_logo_2.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<p>Thank you for checking this tutorial. Now you know how to customize the login page logo.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=T_FeV5pfEeg?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to customize login page logo<\/a>\r\n\r\n<p>In case you&#8217;re searching for premium themes to build a website from scratch, look through <a href=\"https:\/\/www.templatemonster.com\/blog\/2017-best-wordpress-themes\/\" title=\"the Best WordPress Themes 2017\" target=\"_blank\">the Best WordPress Themes 2017<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello, this tutorial will show you how to customize the login page logo in WordPress.<\/p>\n","protected":false},"author":77,"featured_media":76713,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[808,525,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76710"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76710"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76710\/revisions"}],"predecessor-version":[{"id":82167,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76710\/revisions\/82167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76713"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}