Chout

Custom Login Page allows you to easily customize the appearance of your WordPress login page. Impress your clients or brand your website right from the login screen.
With this plugin, you can:
<ul>
<li>Customize the Login Logo:
<ul>
<li>Upload your own logo.</li>
<li>Set a custom URL for the logo link (defaults to your site’s homepage).</li>
<li>Define a specific height for your logo.</li>
<li>The width is automatically calculated based on the height, which helps prevent image distortion, maintain the correct aspect ratio, and ensure the link area is not exceeded.</li>
</ul>
</li>
<li>Format Login Page Content:
<ul>
<li>Set a custom background image for the entire page.</li>
<li>Choose a fallback background color if not using an image.</li>
</ul>
</li>
<li>Customize the Login Form:
<ul>
<li>Change the form’s background color and adjust its opacity.</li>
<li>Set a custom border width, color (with opacity), and border radius for the form.</li>
<li>Modify the text, background and border colors for input fields.</li>
<li>Customize link colors (normal and hover states).</li>
</ul>
</li>
<li>Format Login Button:
<ul>
<li>Change the background color and text color for the login button (normal and hover states).</li>
<li>Hide Elements:
<ul>
<li>Option to hide the “Privacy Policy” link.</li>
<li>Option to hide the language switcher (if present).</li>
<li>Option to hide the “Back to [Site Name]” link.</li>
</ul>
</li>
<li>Protect Login with Google reCAPTCHA:
<ul>
<li>Choose reCAPTCHA v2 Checkbox or reCAPTCHA v3 Score.</li>
<li>Enter the site key and secret key directly in the Customizer.</li>
<li>Select the light or dark theme for the reCAPTCHA v2 checkbox and v3 badge.</li>
<li>Adjust the v3 score threshold.</li>
<li>Option to disable XML-RPC authentication to prevent bypasses.</li>
<li>Option to disable REST API Application Passwords to prevent bypasses.</li>
</ul>
</li>
<li>Visual Customizer Workflow:
<ul>
<li>Easy-to-use interface under <code>Appearance</code> > <code>Customize</code> > <code>Custom Login Page</code>.</li>
<li>Shows a sample login screen in the Customizer preview.</li>
</ul>
</li>
<li>Uses the WordPress Media Uploader for image selection.</li>
<li>Includes a color picker for easy color selection.</li>
<li>Reset to default options directly inside the Customizer.</li>
</ul>
</li>
<li>Lightweight and Secure:
<ul>
<li>Clean code following WordPress standards.</li>
<li>Properly sanitizes all inputs and escapes outputs.</li>
</ul>
</li>
<li>Translation Ready: This plugin is ready for translation.
<ul>
<li>A <code>.pot</code> (Portable Object Template) file named <code>err-custom-login-page.pot</code> is included in the <code>languages/</code> folder. Translators can use this file to create new language packs.</li>
<li>The text domain used is <code>err-custom-login-page</code>.</li>
</ul>
</li>
</ul>
This plugin provides a simple yet powerful way to transform your standard WordPress login page into a branded and visually appealing entry point for your website.
<h3>External Services</h3>
This plugin can connect to Google reCAPTCHA, a service provided by Google LLC, when the site administrator enables Google reCAPTCHA in the Customizer and enters a Site Key and Secret Key.
Google reCAPTCHA is optional. If it is disabled, or if the required keys are not configured, this plugin does not load Google reCAPTCHA scripts and does not send reCAPTCHA verification requests to Google.
When Google reCAPTCHA is enabled:
<ul>
<li>The WordPress login screen loads the Google reCAPTCHA API script from <code>https://www.google.com/recaptcha/api.js</code>.</li>
<li>The visitor’s browser communicates with Google to display the reCAPTCHA v2 checkbox or the reCAPTCHA v3 badge and to generate a reCAPTCHA response token.</li>
<li>During a login attempt, the plugin sends the reCAPTCHA response token, the configured Secret Key, and the visitor IP address if available to Google’s verification endpoint at <code>https://www.google.com/recaptcha/api/siteverify</code>.</li>
<li>The configured Site Key is displayed in the browser as required by Google reCAPTCHA. The configured Secret Key is stored in WordPress options and is used only for server-side verification.</li>
<li>This plugin does not store the visitor’s reCAPTCHA response token or Google’s verification response.</li>
</ul>
Google may collect and process visitor data as described in Google’s own policies. Site owners should review those policies before enabling reCAPTCHA.
Service: Google reCAPTCHA – https://www.google.com/recaptcha/
Terms of Service: https://policies.google.com/terms
Privacy Policy: https://policies.google.com/privacy
<h3>Support</h3>
If you have any issues or suggestions, please use the plugin’s support forum on WordPress.org or contact the author via their Author URI.
<h3>Donations</h3>
If you find this plugin useful and would like to support its development, please consider making a <a href="https://chout.id.vn/donate" rel="nofollow ugc">donation</a>. Thank you!

Chout – Custom Login Page

Customize the logo, links, colors and background on the WordPress login page. Give your WordPress login page a custom and professional look.

cmborchert

This plugin for WordPress adds a background-size controller to the Background Image section in the WordPress Customizer.
You can access the new controller by going to Appearance > Customize from the Dashboard, and clicking on the Background Image section.
Once you’ve added your custom background image, you can set your background-image size to: 
 – “Cover”: As large as possible; fills entire view, with cropping. 
 – “Contain”: As large as possible, without cropping; fits inside of view. 
 – “100% width”: Width fits view perfectly, height may be smaller or larger than view (equivalent to css ‘100% auto’). 
 – “100% height”: Height fits view perfectly, width may be smaller or larger than view (equivalent to css ‘auto 100%’). 
 – “Inherit”: Sets background size to whatever parent element is set to (html, in this case). 
 – “Custom”: Allows you to put in your own css to be applied in the section called “CSS for background-size (if ‘custom’ selected).”
To learn more about the CSS background-size property, go to:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size 
or 
http://www.w3schools.com/cssref/css3_pr_background-size.asp
<h3>Notes</h3>
Notes: 
*The plugin works by adding styles to the body.custom-background class. If the default custom-background support has been disrupted, then this plugin will not work.

Add Background-Size to Customizer

Allows you to control the background-size of your main background image from the comfort of the customizer, using predetermined values or custom CSS.

Chout – Custom Login Page vs Add Background-Size to Customizer