{"id":2177,"date":"2021-10-20T05:13:00","date_gmt":"2021-10-20T05:13:00","guid":{"rendered":"https:\/\/www.oflox.com\/blog\/?p=2177"},"modified":"2025-11-26T05:38:55","modified_gmt":"2025-11-26T05:38:55","slug":"customize-wordpress-login-page-without-plugin","status":"publish","type":"post","link":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/","title":{"rendered":"How To Customize WordPress Login Page Without Plugin (Easy Way)"},"content":{"rendered":"\n<p>Hello friends, do you want to know <strong>How To Customize WordPress Login Page Without Plugin<\/strong> (Easy Way). In this, we are going to tell you how to design the login page without using any plugin. So let&#8217;s read this post.<\/p>\n\n\n\n<p>As we all know, wordpress allows full access to its users. In such a way, you can customize the wordpress site any way you want. If you know coding, then you can build a high-level website by using wordpress as a CMS.<\/p>\n\n\n\n<p>For those whose blogs work with multiple authors, it is very important to customize their login page. Because by default the design of our site&#8217;s login page is much simpler. If you customize them, it will be better.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\" alt=\"How To Customize WordPress Login Page Without Plugin\" class=\"wp-image-2178\" style=\"width:707px;height:419px\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png 2240w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-768x432.png 768w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-1536x864.png 1536w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2048x1152.png 2048w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-390x220.png 390w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/><\/figure>\n\n\n\n<p>If you visit your blog&#8217;s login page daily, then after some time you will find its design boring. We keep changing the theme of our blog regularly. But very few people know that we can also customize our login page.<\/p>\n\n\n\n<p>You can customize the login page of your blog without any plugin from the very hack. For this, you can take help of some codes. You do not have to install any kind of plugin in your blog. So, today we are going to tell you about this.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f4a588a6ef9\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f4a588a6ef9\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#How_To_Customize_WordPress_Login_Page_Without_Plugin_Easy_Way\" >How To Customize WordPress Login Page Without Plugin (Easy Way)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#1_Change_the_Logo\" >1. Change the Logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#2_Change_Logo_URL\" >2. Change Logo URL<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#3_Change_Login_Page_Background\" >3. Change Login Page Background<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#4_Add_Custom_CSS\" >4. Add Custom CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#5_Add_Custom_Link_in_Login_Page\" >5. Add Custom Link in Login Page<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-how-to-customize-wordpress-login-page-without-plugin-easy-way\"><span class=\"ez-toc-section\" id=\"How_To_Customize_WordPress_Login_Page_Without_Plugin_Easy_Way\"><\/span>How To Customize WordPress Login Page Without Plugin (Easy Way)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>As you all know that we will not use any plugin for this. So before proceeding, make sure to backup your blog. If you trouble the new user code then errors will start coming. Follow them carefully.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-change-the-logo\"><span class=\"ez-toc-section\" id=\"1_Change_the_Logo\"><\/span>1. <strong>Change the Logo<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you want to change the logo of your login page, for this you have to add a simple code to your theme&#8217;s <strong>functions.php<\/strong>. Let&#8217;s know about this.<\/p>\n\n\n\n<p>First, login to the blog and go to <strong>Media &gt;&gt; Add New<\/strong> and upload your logo and copy its URL.<\/p>\n\n\n\n<p>Now you have to copy the below code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function blhi_login_logo() {echo '&lt;style type=\"text\/css\"&gt;\nbody {\nbackground-image: url(https:\/\/www.oflox.com\/images\/logo-dark.png);\nfont-family: Arial,Verdana,sans-serif;\n}&lt;\/style&gt;';\n}\nadd_action('login_head', 'blhi_login_logo');<\/code><\/pre>\n\n\n\n<p>In this code, you have to replace the URL of your logo in place of https:\/\/www.oflox.com\/images\/logo-dark.png.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2.png\" alt=\"How To Customize WordPress Login Page Without Plugin\" class=\"wp-image-2180\" style=\"width:703px;height:417px\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2.png 2240w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2-768x432.png 768w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2-1536x864.png 1536w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2-2048x1152.png 2048w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-2-390x220.png 390w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/><\/figure>\n\n\n\n<p>Now login to your blog and go to <strong>Dashboard &gt;&gt; Appearance &gt;&gt; Editor<\/strong> and add the above copied code in functions.php and save the changes. Now you can see here that its logo has changed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-change-logo-url\"><span class=\"ez-toc-section\" id=\"2_Change_Logo_URL\"><\/span>2. <strong>Change Logo URL<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In the login page of the WordPress blog, the logo contains a link to the wordpress site. That is, when you click on this logo, you will go to the site of wordpress. If you want to change it, then for this you follow simple steps.<\/p>\n\n\n\n<p>For this, after logging into the blog, go to <strong>Appearance &gt;&gt; Editor<\/strong> and open functions.php. After that, add the below code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function blhi_login_url() {\nreturn 'https:\/\/www.oflox.com';\n}\nadd_filter('login_headerurl', 'blhi_login_url');<\/code><\/pre>\n\n\n\n<p>In this code, add the URL of your site in place of https:\/\/www.oflox.com.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-change-login-page-background\"><span class=\"ez-toc-section\" id=\"3_Change_Login_Page_Background\"><\/span>3. <strong>Change Login Page Background<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you want to change the background of your login page and add an image to it, then you can follow the simple steps given below. If you want, you can also set a color in the background of the image. Let&#8217;s know about this.<\/p>\n\n\n\n<p>First of all, you go to <strong>Media &gt;&gt; Add new<\/strong> and upload your background image. After that copy the URL.<\/p>\n\n\n\n<p>Now copy the code given below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function blhi_bg_login_logo() {echo '&lt;style type=\"text\/css\"&gt;\nbody {\nbackground-image: url(https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/bg.png);\nfont-family: Arial,Verdana,sans-serif;\n}\n}&lt;\/style&gt;';\n}\nadd_action('login_head', 'blhi_bg_login_logo');<\/code><\/pre>\n\n\n\n<p>In this code, instead of <strong>https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/bg.png<\/strong>, you should replace the URL of your background image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3.png\" alt=\"How To Customize WordPress Login Page Without Plugin \" class=\"wp-image-2183\" style=\"width:690px;height:388px\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3.png 2240w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3-768x432.png 768w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3-1536x864.png 1536w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3-2048x1152.png 2048w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-3-390x220.png 390w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/><\/figure>\n\n\n\n<p>Now you have to add this code to your theme&#8217;s functions.php and make Save Changes. Now you can see the new look of your login page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-add-custom-css\"><span class=\"ez-toc-section\" id=\"4_Add_Custom_CSS\"><\/span>4. <strong>Add Custom CSS<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you know how to design with CSS, then you can customize it according to your own by adding css to the login page. For this, you can also create a css file separately or add css to the direct head as well. Let us tell you below.<\/p>\n\n\n\n<p>You have to copy the below code and add your theme to functions.php file.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function blhi_login_css() {\necho '&lt;style type=\"text\/css\"&gt;\n\/* Add a few changes to the color and style of form itself *\/\n.login label {\ncolor: #454545;\ndisplay: block;\nmargin-bottom: 1em;\nfont-weight: bold;\n}\n\n.login form .input {\nfont-weight: normal;\n}\n\n.login #backtoblog a, .login #nav a {\ncolor: #4da28f;\n}\n\n.wp-core-ui .button-primary {\nbackground: #4da28f;\n}\n&lt;\/style&gt;';\n}\n\nadd_action('login_head', 'blhi_login_css');<\/code><\/pre>\n\n\n\n<p>In this you can add your css code under &lt;style type = &#8220;text \/ css&#8221;&gt; and &lt;\/style&gt;. It already has some css, which customize the login form. You can also change it according to your own.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-add-custom-link-in-login-page\"><span class=\"ez-toc-section\" id=\"5_Add_Custom_Link_in_Login_Page\"><\/span>5. <strong>Add Custom Link in Login Page<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you want to add any of your important links below the form in your login page, then you can add it. For this, you have to take help of very simple codes. So now we know about it.<\/p>\n\n\n\n<p>Copy the code given below and then add it to your theme&#8217;s functions.php file.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function blhi_custom_link() {\n?&gt;&lt;p style=\"text-align: center; margin-top: 1em;\"&gt;\n&lt;a style=\"color: #efefef; text-decoration: none;\" href=\"https:\/\/www.oflox.com\"&gt;Contact Us&lt;\/a&gt;\n&lt;\/p&gt;&lt;?php\n}\nadd_action('login_footer','blhi_custom_link');\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4.png\" alt=\"How To Customize WordPress Login Page Without Plugin \" class=\"wp-image-2185\" style=\"width:725px;height:430px\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4.png 2240w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4-768x432.png 768w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4-1536x864.png 1536w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4-2048x1152.png 2048w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin-4-390x220.png 390w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/><\/figure>\n\n\n\n<p>In this code you can add a link to your blog instead of https:\/\/www.oflox.com. And you can also customize its text.<\/p>\n\n\n\n<p>If you prefer a <a href=\"https:\/\/profilepress.com\/create-login-registration-page-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom WordPress login page<\/a> on the frontend of your website, rather than the default, plain one provided by WordPress at <strong>\/wp-login.php<\/strong>, ProfilePress makes it incredibly easy to create one.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"816\" src=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/wordpress-2fa-login-form.png\" alt=\"wordpress 2fa login form\" class=\"wp-image-32289\" style=\"width:282px;height:auto\" srcset=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/wordpress-2fa-login-form.png 828w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/wordpress-2fa-login-form-90x90.png 90w, https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/wordpress-2fa-login-form-768x757.png 768w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/figure>\n<\/div>\n\n\n<p>With its drag-and-drop form builder and templates, you can create branded login pages matching your site\u2019s design for a seamless, modern user experience. You can customize colors, layout, form fields, and error messages without coding.<\/p>\n\n\n\n<p>ProfilePress adds features like login redirects, social login, reCAPTCHA\/Turnstile, two-factor authentication, and passwordless login to enhance security and usability.<\/p>\n\n\n\n<p><strong>Read also:)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.oflox.com\/blog\/best-wordpress-plugin-detector\/\" target=\"_blank\" rel=\"noreferrer noopener\">5+ Best WordPress Plugin Detector: Discover Plugins Like a Pro!<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.oflox.com\/blog\/best-wordpress-backup-plugin-free\/\" target=\"_blank\" rel=\"noreferrer noopener\">10+ Best WordPress Backup Plugin Free: Backup Like a Pro!<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.oflox.com\/blog\/how-to-become-a-wordpress-developer\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Become a WordPress Developer: A Quick and Easy Guide!<\/a><\/li>\n<\/ul>\n\n\n\n<p><em><strong>So friends, I hope that you will miss life now how to Customize WordPress Login Page Without Plugin. If you still have any questions and suggestions, you can tell us in the comment box below.<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How To Customize WordPress Login Page Without Plugin (Easy Way)\" class=\"read-more button\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#more-2177\" aria-label=\"More on How To Customize WordPress Login Page Without Plugin (Easy Way)\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2178,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[577],"tags":[3041,3028,3043,3026,3025,3021,3024,3023,3046,3022,3044,3027,3030,3038,3036,3037,3034,3032,3033,3035,3045,3029,3031,3039,3040,3042],"class_list":["post-2177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-change-wordpress-login-page-style","tag-customize-login-page-wordpress-website","tag-customize-the-wordpress-login-page","tag-customize-wordpress-admin-login-page","tag-customize-wordpress-home-page","tag-customize-wordpress-login-page","tag-customize-wordpress-login-page-elementor","tag-customize-wordpress-login-page-plugin","tag-customize-wordpress-login-page-with-elementor","tag-customize-wordpress-login-page-without-plugin","tag-customize-wordpress-page-template","tag-customize-your-wordpress-login-page","tag-edit-wordpress-home-page-html","tag-edit-wordpress-login-page-logo","tag-how-to-completely-customize-the-wordpress-login-page","tag-how-to-customize-login-page-in-wordpress","tag-how-to-customize-wordpress-admin-login-page","tag-how-to-customize-wordpress-login-page","tag-how-to-customize-wordpress-login-page-without-plugin","tag-how-to-customize-your-wordpress-login-page","tag-plugin-to-customize-wordpress-login-page","tag-wordpress-edit-home-page-content","tag-wordpress-edit-home-page-header","tag-wordpress-edit-home-page-permalink","tag-wordpress-edit-home-page-slider","tag-wordpress-edit-home-page-template","resize-featured-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Customize WordPress Login Page Without Plugin (Easy Way)<\/title>\n<meta name=\"description\" content=\"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Customize WordPress Login Page Without Plugin (Easy Way)\" \/>\n<meta property=\"og:description\" content=\"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Oflox\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ofloxindia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/ofloxindia\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-20T05:13:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T05:38:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Editorial Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@oflox3\" \/>\n<meta name=\"twitter:site\" content=\"@oflox3\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editorial Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/\"},\"author\":{\"name\":\"Editorial Team\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/person\\\/967235da2149ca663a607d1c0acd4f81\"},\"headline\":\"How To Customize WordPress Login Page Without Plugin (Easy Way)\",\"datePublished\":\"2021-10-20T05:13:00+00:00\",\"dateModified\":\"2025-11-26T05:38:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/\"},\"wordCount\":952,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\",\"keywords\":[\"change wordpress login page style\",\"customize login page wordpress website\",\"customize the wordpress login page\",\"customize wordpress admin login page\",\"customize wordpress home page\",\"Customize WordPress Login Page\",\"customize wordpress login page elementor\",\"customize wordpress login page plugin\",\"customize wordpress login page with elementor\",\"customize wordpress login page without plugin\",\"customize wordpress page template\",\"customize your wordpress login page\",\"edit wordpress home page html\",\"edit wordpress login page logo\",\"how to completely customize the wordpress login page\",\"how to customize login page in wordpress\",\"how to customize wordpress admin login page\",\"how to customize wordpress login page\",\"how to customize wordpress login page without plugin\",\"how to customize your wordpress login page\",\"plugin to customize wordpress login page\",\"wordpress edit home page content\",\"wordpress edit home page header\",\"wordpress edit home page permalink\",\"wordpress edit home page slider\",\"wordpress edit home page template\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/\",\"name\":\"How To Customize WordPress Login Page Without Plugin (Easy Way)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\",\"datePublished\":\"2021-10-20T05:13:00+00:00\",\"dateModified\":\"2025-11-26T05:38:55+00:00\",\"description\":\"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\",\"contentUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png\",\"width\":2240,\"height\":1260,\"caption\":\"How To Customize WordPress Login Page Without Plugin\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/customize-wordpress-login-page-without-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Customize WordPress Login Page Without Plugin (Easy Way)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\",\"name\":\"Oflox\",\"description\":\"India&rsquo;s #1 Trusted Digital Marketing Company\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#organization\",\"name\":\"Oflox\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg\",\"contentUrl\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg\",\"width\":355,\"height\":355,\"caption\":\"Oflox\"},\"image\":{\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ofloxindia\",\"https:\\\/\\\/x.com\\\/oflox3\",\"https:\\\/\\\/www.instagram.com\\\/ofloxindia\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.oflox.com\\\/blog\\\/#\\\/schema\\\/person\\\/967235da2149ca663a607d1c0acd4f81\",\"name\":\"Editorial Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g\",\"caption\":\"Editorial Team\"},\"sameAs\":[\"https:\\\/\\\/www.oflox.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/ofloxindia\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ofloxindia\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ofloxindia\\\/\",\"https:\\\/\\\/x.com\\\/oflox3\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Customize WordPress Login Page Without Plugin (Easy Way)","description":"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to","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:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/","og_locale":"en_US","og_type":"article","og_title":"How To Customize WordPress Login Page Without Plugin (Easy Way)","og_description":"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to","og_url":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/","og_site_name":"Oflox","article_publisher":"https:\/\/www.facebook.com\/ofloxindia","article_author":"https:\/\/www.facebook.com\/ofloxindia\/","article_published_time":"2021-10-20T05:13:00+00:00","article_modified_time":"2025-11-26T05:38:55+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png","type":"image\/png"}],"author":"Editorial Team","twitter_card":"summary_large_image","twitter_creator":"@oflox3","twitter_site":"@oflox3","twitter_misc":{"Written by":"Editorial Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#article","isPartOf":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/"},"author":{"name":"Editorial Team","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/person\/967235da2149ca663a607d1c0acd4f81"},"headline":"How To Customize WordPress Login Page Without Plugin (Easy Way)","datePublished":"2021-10-20T05:13:00+00:00","dateModified":"2025-11-26T05:38:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/"},"wordCount":952,"commentCount":0,"publisher":{"@id":"https:\/\/www.oflox.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png","keywords":["change wordpress login page style","customize login page wordpress website","customize the wordpress login page","customize wordpress admin login page","customize wordpress home page","Customize WordPress Login Page","customize wordpress login page elementor","customize wordpress login page plugin","customize wordpress login page with elementor","customize wordpress login page without plugin","customize wordpress page template","customize your wordpress login page","edit wordpress home page html","edit wordpress login page logo","how to completely customize the wordpress login page","how to customize login page in wordpress","how to customize wordpress admin login page","how to customize wordpress login page","how to customize wordpress login page without plugin","how to customize your wordpress login page","plugin to customize wordpress login page","wordpress edit home page content","wordpress edit home page header","wordpress edit home page permalink","wordpress edit home page slider","wordpress edit home page template"],"articleSection":["WordPress"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/","url":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/","name":"How To Customize WordPress Login Page Without Plugin (Easy Way)","isPartOf":{"@id":"https:\/\/www.oflox.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png","datePublished":"2021-10-20T05:13:00+00:00","dateModified":"2025-11-26T05:38:55+00:00","description":"Hello friends, do you want to know How To Customize WordPress Login Page Without Plugin (Easy Way). In this, we are going to tell you how to","breadcrumb":{"@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#primaryimage","url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png","contentUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/08\/How-To-Customize-WordPress-Login-Page-Without-Plugin.png","width":2240,"height":1260,"caption":"How To Customize WordPress Login Page Without Plugin"},{"@type":"BreadcrumbList","@id":"https:\/\/www.oflox.com\/blog\/customize-wordpress-login-page-without-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.oflox.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Customize WordPress Login Page Without Plugin (Easy Way)"}]},{"@type":"WebSite","@id":"https:\/\/www.oflox.com\/blog\/#website","url":"https:\/\/www.oflox.com\/blog\/","name":"Oflox","description":"India&rsquo;s #1 Trusted Digital Marketing Company","publisher":{"@id":"https:\/\/www.oflox.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oflox.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.oflox.com\/blog\/#organization","name":"Oflox","url":"https:\/\/www.oflox.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/05\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg","contentUrl":"https:\/\/www.oflox.com\/blog\/wp-content\/uploads\/2020\/05\/Ab2vH5fv3tj5gKpW_G3bKT_Ozlxpt4IkokKOWQoC7X_fvRHLGT_gR-qhQzXVxHhnl9u3yGY1rfxR7jvSz6DA6gw355-h355.jpg","width":355,"height":355,"caption":"Oflox"},"image":{"@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ofloxindia","https:\/\/x.com\/oflox3","https:\/\/www.instagram.com\/ofloxindia"]},{"@type":"Person","@id":"https:\/\/www.oflox.com\/blog\/#\/schema\/person\/967235da2149ca663a607d1c0acd4f81","name":"Editorial Team","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff86524713a69d2c211ad6cbec38fb15eb59030ba5e59ddad406dfb7eb4e5b0c?s=96&d=mm&r=g","caption":"Editorial Team"},"sameAs":["https:\/\/www.oflox.com\/","https:\/\/www.facebook.com\/ofloxindia\/","https:\/\/www.instagram.com\/ofloxindia\/","https:\/\/www.linkedin.com\/company\/ofloxindia\/","https:\/\/x.com\/oflox3"]}]}},"_links":{"self":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/comments?post=2177"}],"version-history":[{"count":2,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts\/2177\/revisions"}],"predecessor-version":[{"id":32292,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/posts\/2177\/revisions\/32292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/media\/2178"}],"wp:attachment":[{"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/media?parent=2177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/categories?post=2177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oflox.com\/blog\/wp-json\/wp\/v2\/tags?post=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}