{"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\/customize-wordpress-login-page-manually\/","title":{"rendered":"Personnaliser manuellement la page de connexion de WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Inside the child theme folder, create a new CSS file, e.g., custom-login-styles.css.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Save all the modified files. You may need to clear browser cache to see the design changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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":{"_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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"rank_math_title":"%title% ","rank_math_description":"","rank_math_focus_keyword":"Customize WordPress Login Page","_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},"jetpack_post_was_ever_published":false},"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":[{"id":2276,"url":"https:\/\/www.wpconsults.com\/fr\/create-registration-login-page\/","url_meta":{"origin":2433,"position":0},"title":"Comment cr\u00e9er une page d'inscription\/de connexion pour WP Job Manager","author":"Abdullah Nouman","date":"D\u00e9cembre 10, 2023","format":false,"excerpt":"WP Job Manager ne fournit pas de page d'inscription\/de connexion int\u00e9gr\u00e9e.  Mais ne vous inqui\u00e9tez pas. La cr\u00e9ation d'une page d'inscription\/de connexion personnalis\u00e9e pour WP Job Manager implique quelques \u00e9tapes, y compris l'installation d'un plugin et la personnalisation de votre th\u00e8me. Suivez simplement ce tutoriel \u00e9tape par \u00e9tape Etape 1 : Installer WP Job Manager Assurez-vous que vous avez...","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/fr\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2444,"url":"https:\/\/www.wpconsults.com\/fr\/change-wp-admin-url-without-plugin\/","url_meta":{"origin":2433,"position":1},"title":"Modifier l'URL \"wp-admin\" sans plugin","author":"Abdullah Nouman","date":"D\u00e9cembre 31, 2023","format":false,"excerpt":"Changer l'URL de connexion par d\u00e9faut de WordPress de \"wp-admin\" \u00e0 une URL personnalis\u00e9e est une mesure de s\u00e9curit\u00e9 proactive qui aide \u00e0 prot\u00e9ger votre site contre les menaces potentielles. \"Il existe des tonnes de plugins tiers pour le faire, mais n'oubliez pas qu'ils peuvent ralentir votre site web et causer des menaces pour la s\u00e9curit\u00e9. 1. Sauvegarder...","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/fr\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"How To Change wp-admin URL Without Plugins","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1204,"url":"https:\/\/www.wpconsults.com\/fr\/how-create-wordpress-child-theme\/","url_meta":{"origin":2433,"position":2},"title":"Comment cr\u00e9er un th\u00e8me enfant pour WordPress","author":"Abdullah Nouman","date":"octobre 14, 2023","format":false,"excerpt":"Lorsqu'il s'agit de personnaliser votre site WordPress, cr\u00e9er un th\u00e8me enfant est une excellente id\u00e9e. D\u00e9couvrez comment cr\u00e9er un th\u00e8me enfant pour WordPress : cela vous permet d'apporter des modifications \u00e0 votre th\u00e8me sans perdre aucune de vos personnalisations lors des mises \u00e0 jour. Dans cet article, nous allons\u2026","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/fr\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2529,"url":"https:\/\/www.wpconsults.com\/fr\/back-to-previous-page-button\/","url_meta":{"origin":2433,"position":3},"title":"Comment ajouter un bouton \"Retour \u00e0 la page pr\u00e9c\u00e9dente\" dans WordPress (2 m\u00e9thodes faciles)","author":"Abdullah Nouman","date":"janvier 5, 2024","format":false,"excerpt":"Dans ce tutoriel, je vais vous guider \u00e0 travers le processus d'ajout d'un bouton \"Back to Previous Page\" ou \"Go Back\" en utilisant Elementor et Gutenberg\/ Block Editor. Pour faciliter les choses, j'ai cr\u00e9\u00e9 un plugin WordPress qui vous permettra d'ajouter facilement un bouton \"Retour \u00e0 la page pr\u00e9c\u00e9dente\"...","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/fr\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"How to Add a \u201cBack to Previous Page\u201d Button in WordPress (2 Easy Methods)","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":5980,"url":"https:\/\/www.wpconsults.com\/fr\/googlebot-only-reads-the-first-2mb-of-your-page-heres-what-that-means-for-your-seo\/","url_meta":{"origin":2433,"position":4},"title":"Googlebot ne lit que les 2 premiers Mo de votre page - Voici ce que cela signifie pour votre r\u00e9f\u00e9rencement","author":"Abdullah Nouman","date":"mars 31, 2026","format":false,"excerpt":"Si vos \u00e9l\u00e9ments de r\u00e9f\u00e9rencement les plus importants sont enfouis trop profond\u00e9ment dans votre code HTML, Google risque de ne jamais les voir. Voici exactement ce qui se passe et comment y rem\u00e9dier - expliqu\u00e9 si simplement que m\u00eame votre petit cousin pourrait suivre. Le 31 mars 2026, l'\u00e9quipe Search Central de Google...","rel":"","context":"In &quot;Google Algorithm Decoded&quot;","block_context":{"text":"Google Algorithm Decoded","link":"https:\/\/www.wpconsults.com\/fr\/category\/best-seo-practices\/google-algorithm-decoded\/"},"img":{"alt_text":"What Google sees of a page vs. what it ignores","src":"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif","width":350,"height":200,"srcset":"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 1x, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 1.5x, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 2x"},"classes":[]},{"id":2172,"url":"https:\/\/www.wpconsults.com\/fr\/create-xml-sitemap-manually\/","url_meta":{"origin":2433,"position":5},"title":"Comment cr\u00e9er manuellement un plan du site pour WordPress : Guide ultime","author":"Abdullah Nouman","date":"novembre 28, 2023","format":false,"excerpt":"Principaux enseignements : La g\u00e9n\u00e9ration de sitemaps XML est cruciale pour l'optimisation des moteurs de recherche (SEO) car elle aide les moteurs de recherche \u00e0 comprendre la structure de votre site. Pour les utilisateurs de WordPress, la cr\u00e9ation d'un sitemap XML sans recourir \u00e0 des plugins est possible et b\u00e9n\u00e9fique si vous souhaitez r\u00e9duire l'utilisation de plugins. Automatisez le processus pour inclure...","rel":"","context":"In &quot;SEO&quot;","block_context":{"text":"SEO","link":"https:\/\/www.wpconsults.com\/fr\/category\/best-seo-practices\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_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}]}}