{"id":2433,"date":"2023-12-31T04:47:01","date_gmt":"2023-12-31T04:47:01","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2433"},"modified":"2026-01-29T11:23:03","modified_gmt":"2026-01-29T11:23:03","slug":"personnaliser-manuellement-la-page-de-connexion-de-wordpress-2","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/fr\/personnaliser-manuellement-la-page-de-connexion-de-wordpress-2\/","title":{"rendered":"Personnaliser manuellement la page de connexion de WordPress"},"content":{"rendered":"\n<p>We&#8217;ll guide you through the process of customizing or rebranding your WordPress login page <strong>without any installing any plugin<\/strong>.<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list{grid-row-gap:29px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 .kb-svg-icon-wrap{color:var(--global-palette2, #2B6CB0);}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items2433_3f53ce-00 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-2433_9d08a8-32 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_9d08a8-32\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Customizing WordPress login page manually involves working with the WordPress theme files. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_404bd3-72 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_404bd3-72\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Modifying theme files directly is not recommended, as it can lead to issues during theme updates. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_7cd415-9f .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_7cd415-9f\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">It&#8217;s better to create a child theme and make modifications there. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_b92e1e-35 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_b92e1e-35\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Additional plugin can make your website slower and vulnerable<\/strong>. That&#8217;s why doing it manually is best.<\/span><\/li>\n<\/ul><\/div>\n\n\n<figure class=\"wp-block-post-featured-image\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=1280%2C720&#038;ssl=1\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"customize WordPress login page\" style=\"object-fit:cover;\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2433_fab305-e6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2433_fab305-e6\">1. <strong>Access your WordPress Files<\/strong><\/h2>\n\n\n\n<p>Use FTP or cPanel\/hPanel to access your WordPress installation directory.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2433_d1763e-c4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2433_d1763e-c4\">2. <strong>Creating a Child Theme for Safe Customization<\/strong><\/h2>\n\n\n\n<p>In the &#8220;wp-content\/themes\/&#8221; directory, create a new folder for your child theme. For example, if your main theme is &#8220;twentytwentyone,&#8221; you might create a folder named &#8220;twentytwentyone-child.&#8221;<\/p>\n\n\n\n<p>Inside the child theme folder, create a style.css file and a function.php file. <\/p>\n\n\n\n<p class=\"has-theme-palette-7-background-color has-background has-medium-font-size\">Follow this article to create a child theme properly: <a href=\"https:\/\/wpconsults.com\/how-create-wordpress-child-theme\/\" data-type=\"post\" data-id=\"1204\" rel=\"nofollow noopener\" target=\"_blank\">How to create a WordPress Child theme<\/a><\/p>\n\n\n\n<p><strong>Make sure you have activated your child theme<\/strong>. If you already have a child theme and it&#8217;s activated then then move to next step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. <strong>Add this code to Functions.php file<\/strong><\/h2>\n\n\n\n<p>In the same child theme folder, Open the functions.php file and add the following code: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Enqueue your custom styles\nfunction enqueue_custom_styles() {\n    wp_enqueue_style('custom-login-styles', get_stylesheet_directory_uri() . '\/custom-login-styles.css');\n}\nadd_action('login_enqueue_scripts', 'enqueue_custom_styles');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Enqueue your custom styles<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function enqueue_custom_styles() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    wp_enqueue_style(&#39;custom-login-styles&#39;, get_stylesheet_directory_uri() . &#39;\/custom-login-styles.css&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_enqueue_scripts&#39;, &#39;enqueue_custom_styles&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. <strong>Create a Custom Stylesheet:<\/strong><\/h2>\n\n\n\n<p>Inside the child theme folder, create a new CSS file, e.g., custom-login-styles.css.<\/p>\n\n\n\n<p>Customize this file with your desired styles for the login page. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#dbd7caee;--cbp-line-number-width:calc(2 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#121212\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#dbd7caee;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/* Your custom login styles go here *\/\n\n.login {\n    background-color: #ffffff; \/* Background color *\/\n}\n\n#loginform {\n    background-color: #F7F7F7; \/* Form background color *\/\n    border: 2px solid #01AD9D; \/* Form border color *\/\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Form box shadow *\/\n}\n\n#loginform label {\n    color: #326AF2; \/* Label text color *\/\n}\n\n#loginform input&#91;type=\"text\"&#93;,\n#loginform input&#91;type=\"password\"&#93; {\n    background-color: #fff; \/* Input field background color *\/\n    color: #000000; \/* Input field text color *\/\n    border: 1px solid #01AD9D; \/* Input field border color *\/\n}\n\n#loginform input&#91;type=\"submit\"&#93; {\n    background-color: #01AD9D; \/* Submit button background color *\/\n    color: #ffffff; \/* Submit button text color *\/\n    border: 1px solid #01AD9D; \/* Submit button border color *\/\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); \/* Submit button box shadow *\/\n}\n\n#loginform input&#91;type=\"submit\"&#93;:hover {\n    background-color: #326AF2; \/* Hover state background color *\/\n    border: 1px solid #326AF2; \/* Hover state border color *\/\n}\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki vitesse-dark\" style=\"background-color: #121212\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #DBD7CAEE\">\/* Your custom login styles go here *\/<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">.login {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #ffffff<\/span><span style=\"color: #758575DD\">; \/* Background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #F7F7F7<\/span><span style=\"color: #758575DD\">; \/* Form background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 2px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Form border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    box-shadow<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 0 0 10px rgba(0, 0, 0, 0.1)<\/span><span style=\"color: #758575DD\">; \/* Form box shadow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m <\/span><span style=\"color: #4D9375\">label<\/span><span style=\"color: #DBD7CAEE\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #326AF2<\/span><span style=\"color: #758575DD\">; \/* Label text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;text&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93;,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;password&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #fff<\/span><span style=\"color: #758575DD\">; \/* Input field background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #000000<\/span><span style=\"color: #758575DD\">; \/* Input field text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Input field border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;submit&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Submit button background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #ffffff<\/span><span style=\"color: #758575DD\">; \/* Submit button text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Submit button border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    box-shadow<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 0 2px 4px rgba(0, 0, 0, 0.1)<\/span><span style=\"color: #758575DD\">; \/* Submit button box shadow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;submit&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93;<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #BD976A\">hover<\/span><span style=\"color: #DBD7CAEE\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #326AF2<\/span><span style=\"color: #758575DD\">; \/* Hover state background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #326AF2<\/span><span style=\"color: #758575DD\">; \/* Hover state border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/wpconsults.com\/shared-hosting-hostinger\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"728\" height=\"90\" src=\"https:\/\/i0.wp.com\/wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?resize=728%2C90&#038;ssl=1\" alt=\"Hostinger Web Hosting\" class=\"wp-image-2741\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?w=728&amp;ssl=1 728w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?resize=300%2C37&amp;ssl=1 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5. <strong>Modify the Login Form<\/strong><\/h2>\n\n\n\n<p>Open your child theme&#8217;s functions.php file and add the following code to modify the login form: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Customize login form\nfunction customize_login_form() {\n    echo '&lt;style type=\"text\/css\">#loginform { \/* your login form custom styles will be here but do not put it here rather put it in custom-login-styles.css file *\/ }&lt;\/style>';\n}\nadd_action('login_enqueue_scripts', 'customize_login_form');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Customize login <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function customize_login_<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    echo &#39;&lt;style <\/span><span style=\"color: #569CD6\">type<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;text<\/span><span style=\"color: #D4D4D4\">\/css<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #D4D4D4\">&gt;#login<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m { \/* your login <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m custom styles will be here but do <\/span><span style=\"color: #569CD6\">not<\/span><span style=\"color: #D4D4D4\"> put it here rather put it in custom-login-styles.css file *\/ }&lt;\/style&gt;&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_enqueue_scripts&#39;, &#39;customize_login_<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. <strong>Replace the WordPress Logo from Login Page<\/strong><\/h2>\n\n\n\n<p>To replace the default WordPress logo on the login page, add the following code to your child theme&#8217;s functions.php file: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Change login logo URL\nfunction change_login_logo_url() {\n    return home_url(); \/\/ You can keep the home URL or set it to a specific page\n}\nadd_filter('login_headerurl', 'change_login_logo_url');\n\n\/\/ Change login logo title\nfunction change_login_logo_title() {\n    return 'Your Website Name'; \/\/ Set the site name\n}\nadd_filter('login_headertitle', 'change_login_logo_title');\n\n\/\/ Customize login logo\nfunction custom_login_logo() {\n    $logo_url = 'https:\/\/www.example.com\/wp-content\/uploads\/2023\/11\/logo.png';\n    $logo_width = 250; \/\/ Adjust the width of the logo in pixels\n    $logo_height = 55; \/\/ Adjust the height of the logo in pixels\n    echo '&lt;style type=\"text\/css\">\n        .login h1 a {\n            background-image: url(' . esc_url($logo_url) . ');\n            width: ' . esc_attr($logo_width) . 'px!important;\n            height: ' . esc_attr($logo_height) . 'px!important;\n            background-size: contain;\n        }\n    &lt;\/style>';\n}\nadd_action('login_head', 'custom_login_logo');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Change login logo URL<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function change_login_logo_url() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    return home_url()<\/span><span style=\"color: #6A9955\">; \/\/ You can keep the home URL or set it to a specific page<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_filter(&#39;login_headerurl&#39;, &#39;change_login_logo_url&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Change login logo title<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function change_login_logo_title() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    return &#39;Your Website Name&#39;<\/span><span style=\"color: #6A9955\">; \/\/ Set the site name<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_filter(&#39;login_headertitle&#39;, &#39;change_login_logo_title&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Customize login logo<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function custom_login_logo() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_url = &#39;https<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\">\/\/www.example.com\/wp-content\/uploads\/2023\/11\/logo.png&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_width = 250<\/span><span style=\"color: #6A9955\">; \/\/ Adjust the width of the logo in pixels<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_height = 55<\/span><span style=\"color: #6A9955\">; \/\/ Adjust the height of the logo in pixels<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    echo &#39;&lt;style <\/span><span style=\"color: #569CD6\">type<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;text<\/span><span style=\"color: #D4D4D4\">\/css<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        .login h1 a {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">background<\/span><span style=\"color: #D4D4D4\">-image<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> url(&#39; . esc_url($logo_url) . &#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            width<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> &#39; . esc_attr($logo_width) . &#39;px!important<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            height<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> &#39; . esc_attr($logo_height) . &#39;px!important<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">background<\/span><span style=\"color: #D4D4D4\">-size<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> contain<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_head&#39;, &#39;custom_login_logo&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Change the logo URL with yours.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7. <strong>Save and Clear Browser cache<\/strong><\/h2>\n\n\n\n<p>Save all the modified files. You may need to clear browser cache to see the design changes.<\/p>\n\n\n\n<p>Now, your WordPress login page should reflect the changes you made in the child theme&#8217;s custom styles. Remember to test thoroughly and make backups before making any changes to your theme files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8. Bonus: How to remove &#8220;WordPress&#8221; text from login page browser tab title<\/h2>\n\n\n\n<p>Your browser tab may show or hovering it may show <strong>&#8220;Log in&gt; Your Site Name &#8211; WordPress&#8221;<\/strong>. How can you remove WordPress from there?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"585\" height=\"60\" src=\"https:\/\/i0.wp.com\/wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?resize=585%2C60&#038;ssl=1\" alt=\"Remove &quot;WordPress&quot; text from login page browser tab title\" class=\"wp-image-2449\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?w=585&amp;ssl=1 585w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?resize=300%2C31&amp;ssl=1 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<p>Add the following script to your <code>functions.php<\/code> file:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>function custom_login_page_title_script() {\n    echo '&lt;script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            document.title = \"Log in > Your Site Name\";\n        });\n    &lt;\/script>';\n}\nadd_action('login_head', 'custom_login_page_title_script');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dracula\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F8F8F2\">function custom_login_page_title_script() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    echo &#39;&lt;script <\/span><span style=\"color: #FF79C6\">type<\/span><span style=\"color: #F8F8F2\">=<\/span><span style=\"color: #F1FA8C\">&quot;text<\/span><span style=\"color: #F8F8F2\">\/javascript<\/span><span style=\"color: #F1FA8C\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        document.addEventListener(<\/span><span style=\"color: #F1FA8C\">&quot;DOMContentLoaded&quot;<\/span><span style=\"color: #F8F8F2\">, function() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            document.title = <\/span><span style=\"color: #F1FA8C\">&quot;Log<\/span><span style=\"color: #F8F8F2\"> in &gt; Your Site Name<\/span><span style=\"color: #F1FA8C\">&quot;<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        })<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;\/script&gt;&#39;<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">add_action(&#39;login_head&#39;, &#39;custom_login_page_title_script&#39;)<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>This script uses JavaScript to change the title dynamically when the login page is loaded. It should set the browser tab title to &#8220;<strong>Log in &gt; Your Site Name<\/strong>&#8221; without the &#8220;<strong>WordPress<\/strong>&#8221; text.<\/p>\n\n\n\n<p>After adding this script to your <code>functions.php<\/code> file, clear your browser cache and refresh the login page. The browser tab title should now display the desired text. If the issue persists, there might be some browser caching or conflicting scripts at play, and you can try testing it in an incognito\/private browsing window or a different browser.<\/p>\n\n\n\n<p>I hope you like it. Comment below if you got any issue. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous vous guiderons \u00e0 travers le processus de personnalisation ou de rebranding de votre page de connexion WordPress sans installer de plugin. 1. Acc\u00e9dez \u00e0 vos fichiers WordPress Utilisez le FTP ou cPanel\/hPanel pour acc\u00e9der \u00e0 votre r\u00e9pertoire d'installation WordPress. 2. Cr\u00e9er un th\u00e8me enfant pour une personnalisation s\u00e9curis\u00e9e Dans le r\u00e9pertoire \u201cwp-content\/themes\/\u201d, cr\u00e9ez un nouveau dossier pour votre th\u00e8me enfant. Pour...<\/p>","protected":false},"author":1,"featured_media":2439,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","_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":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[64],"class_list":["post-2433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials","tag-without-plugin-series"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pboFy3-Df","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/2433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/comments?post=2433"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/2433\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media\/2439"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media?parent=2433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/categories?post=2433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/tags?post=2433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}