tifosi

This plugin allows the user to completely customise the look and feel of the WordPress login page from the comfort of the WordPress admin customizer interface.
<ul>
<li>Dynamically creates a custom login css file to override default values</li>
<li>Fully integrated with WordPress Customiser</li>
<li>Intuitive interface with sections & settings</li>
<li>Filters to override defaults via your parent/child theme</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Go to Appearance > Customise</li>
<li>Select the Login Customiser Menu Panel</li>
<li>Select from the available sections and change the settings as required. Once changed the save & publish button will be available. Select this to save changes. These will be available to the login screen when next logging in, or as below.</li>
</ol>
The plugin dynamically creates a new login css file for the login page only which contains css settings that override the default styling.
The login panel of course is only available to non logged-in users, so testing the changes can be done via logging out / in, or better via using a separate computer, or via testing with a different browser e.g. logged in via IE, not logged in on chrome.
<h3>Filters</h3>
The default values displayed in the Admin UI customiser can be modified via a selection of filters.
Panel: 
loginizr_panel – Panel name, default: lognizr_panel 
add_filter ( ‘loginizr_panel’, set_loginizr_panel, 10, 1); 
function set_loginizr_panel ( $default ) { 
 return ‘loginizr’; 
}
loginizr_priority – Panel priority, default: 30 
add_filter ( ‘loginizr_priority’, set_loginizr_priority, 10, 1); 
function set_loginizr_priority ( $default ) { 
 return 40; // put lower down order 
}
loginizr_title – Panel title, default: Login Customizer 
add_filter( ‘loginizr_title’,set_loginizr_title, 10, 1); 
function set_loginizr_title ( $title ) { 
 return __( ‘Loginizr’, ‘wordpress’ ); 
}
loginizr_description – Panel description, default: Customize the generic WordPress login page 
add_filter( ‘loginizr_description’, set_loginizr_description, 10, 1); 
function set_loginizr_title ( $desc ) { 
 return __( ‘Customize your WordPress Login Page’, ‘wordpress’ ); 
}
Section: Each section has a filter for priority & title
add_filter( ‘loginizr_section_priority’, ‘set_loginizr_section_priority’, 10, 2 ); 
function set_loginizr_section_priority( $priority, $section = ” ) {
<pre><code>// basic check, can also add check against set section names
if ( empty( $section ) ) { return $priority; } 

//check section name
switch( $section ) {
 case 'background':
 return 5;
 case 'logo':
 return 10;
 case 'form_bg':
 return 15;
 case 'form':
 return 20;
 case 'field':
 return 25;
 case 'button':
 return 30;
 case 'other':
 return 35;
 default:
 return $priority;
} 
</code></pre>
}
add_filter( ‘loginizr_section_title’, ‘set_loginizr_section_title’, 10, 2 ); 
function set_loginizr_section_title( $title, $section = ” ) {
<pre><code>// basic check, can also add check against set section names
if ( empty( $section ) ) { return $title; } 

//check section name
switch( $section ) {
 case 'background':
 return __( 'Background', 'txt' );
 case 'logo':
 return __( 'Logo', 'txt' );
 case 'form_bg':
 return __( 'Form Background', 'txt' );
 case 'form':
 return __( 'Form', 'txt' );
 case 'field':
 return __( 'Field', 'txt' );
 case 'button':
 return __( 'Button', 'txt' );
 case 'other':
 return __( 'Other', 'txt' );
 default:
 return $title;
} 
</code></pre>
}
Settings: Some settings with default values also have available filters
add_filter ( ‘loginizr_bg_color’, set_loginizr_bg_color, 10, 1); 
function set_loginizr_priority ( $default ) { 
 return ‘#fff’; // valid hex or rbg value, default #f1f1f1 
}
add_filter ( ‘loginizr_logo_width’, set_loginizr_logo_width, 10, 1); 
function set_loginizr_logo_width ( $default ) { 
 return ‘100px’; //default 125px 
}
add_filter ( ‘loginizr_logo_height’, set_loginizr_logo_height, 10, 1); 
function set_loginizr_logo_height ( $default ) { 
 return ’60px’; //default 50px 
}
add_filter ( ‘loginizr_logo_padding’, set_loginizr_logo_padding, 10, 1); 
function set_loginizr_logo_padding ( $default ) { 
 return ’10px’; //default 5px 
}
add_filter ( ‘loginizr_form_bg_color’, set_loginizr_form_bg_color, 10, 1); 
function set_loginizr_form_bg_color ( $default ) { 
 return ‘#fff’; // calid hex or rgb value, default #fff 
}
add_filter ( ‘loginizr_form_width’, set_loginizr_form_width, 10, 1); 
function set_loginizr_form_width ( $default ) { 
 return ‘400px’; //valid css width default 320px 
}
add_filter ( ‘loginizr_form_height’, set_loginizr_form_height, 10, 1); 
function set_loginizr_form_height ( $default ) { 
 return ‘100px’; //default 194px 
}
add_filter ( ‘loginizr_form_padding’, set_loginizr_form_padding, 10, 1); 
function set_loginizr_form_padding ( $default ) { 
 return ’10px’; //calid padding css, default 26px 24px 46px 
}
add_filter ( ‘loginizr_field_width’, set_loginizr_field_width, 10, 1); 
function set_loginizr_field_width ( $default ) { 
 return ‘90%’; // percentage or px value, default 100% 
}
add_filter ( ‘loginizr_field_margin’, set_loginizr_field_margin, 10, 1); 
function set_loginizr_field_margin ( $default ) { 
 return ’10px’; // valid margin: css , default 2px 6px 16px 0px 
}
add_filter ( ‘loginizr_field_bg’, set_loginizr_field_bg, 10, 1); 
function set_loginizr_field_bg ( $default ) { 
 return ‘#ccc’; // valid css hex/rgb, default #fff 
}
add_filter ( ‘loginizr_field_color’, set_loginizr_field_color, 10, 1); 
function set_loginizr_field_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #333 
}
add_filter ( ‘loginizr_field_label_color’, set_loginizr_field_label_color, 10, 1); 
function set_loginizr_field_label_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #777 
}
add_filter ( ‘loginizr_button_color’, set_loginizr_buttoncolor, 10, 1); 
function set_loginizr_button_color ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #fff 
}
add_filter ( ‘loginizr_button_bg’, set_loginizr_button_bg, 10, 1); 
function set_loginizr_button_bg ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #2EA2CC 
}
add_filter ( ‘loginizr_button_border’, set_loginizr_button_border, 10, 1); 
function set_loginizr_button_border ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #0074A2 
}
add_filter ( ‘loginizr_button_hover_bg’, set_loginizr_button_hover_bg, 10, 1); 
function set_loginizr_button_hover_bg ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #1E8CBE 
}
add_filter ( ‘loginizr_button_hover_border’, set_loginizr_button_hover_border, 10, 1); 
function set_loginizr_button_hover_border ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #0074A2 
}
add_filter ( ‘loginizr_button_hover_shadow’, set_loginizr_button_hover_shadow, 10, 1); 
function set_loginizr_button_hover_shadow ( $default ) { 
 return ‘#ccc’; //valid hex/rgb, default #78C8E6 
}
add_filter ( ‘loginizr_other_color’, set_loginizr_other_color, 10, 1); 
function set_loginizr_other_color ( $default ) { 
 return ‘#fff’; //valid hex/rgb, default #999 
}
add_filter ( ‘loginizr_other_hover’, set_loginizr_other_hover, 10, 1); 
function set_loginizr_other_hover ( $default ) { 
 return ‘#fff’; //valid hex/rgb, default #2EA2CC 
}

Loginizr

good

Control the look & feel of your WordPress login page through the WordPress Customizer.

Freemius

Shois WP

Login Page Customizer and Designer – Beautiful Login Page Builder for WordPress
Design a beautiful, branded WordPress login page in minutes — no coding required. Templates, animations, CAPTCHA protection, and full layout control, all built in.
Your WordPress login page is the first thing your clients, team members, and customers see. Login Page Customizer and Designer transforms the plain default wp-login.php into a fully branded, professional experience — with zero code.
Pick a template, customize colors, fonts, and animations, then go live in minutes. Whether you run a SaaS platform, an agency, or a membership site, this plugin gives you complete visual control over your login page without touching a single line of code.
Most login page plugins give you a form and call it a day. Login Page Customizer and Designer gives you a full visual design system — block-based layout builder, entrance animations, shadow presets, background options, and a growing template library. PRO users get enterprise-grade security features like CAPTCHA protection, custom login URLs, and advanced redirect flows — everything you need to protect and polish your login experience.
<h4>✅ Free Features</h4>
🎨 Design & Customization 
* Template Library — Get started instantly with 2 professionally designed templates: Light Centered and Dark Centered. 
* Layout Modes — Choose from 3 layout types: Centered, Split Left, and Split Right to match your site structure. 
* Core Blocks — Build your login page using 6 essential blocks: Logo, Heading, Paragraph, Divider, Login Form, and Custom HTML. 
* Flexible Styling — Full control over colors, fonts, border radius, padding, and spacing for pixel-perfect results. 
* Box Shadow Presets — Instantly apply Soft, Medium, or Strong shadow presets to your login card with a single click. 
* Entrance Animations — Add polished Fade In, Slide Up, or Zoom In animations to make your login form feel alive and modern. 
* Background Options — Set any Solid Color, Gradient, or Image as your login page background. 
* Global Custom CSS — Drop in your own CSS for unlimited design flexibility beyond the built-in controls.
⚙️ Plugin Management 
* One-Click Toggle — Enable or disable the customizer instantly without losing any of your settings. 
* Custom Page Title & Favicon — Set a custom browser tab title and favicon specifically for the login page, keeping your brand consistent. 
* Back to Blog Link — Customize the “Back to Site” link text and destination URL to match your brand voice. 
* Custom Error Messages — Replace the generic WordPress login error messages with your own friendly, branded copy. 
* Import / Export — Easily move your full template and settings between sites with one-click import and export.
<h4>⭐ PRO Features</h4>
🛡️ Security 
* Premium Template Library — Unlock 19+ high-end templates including Glassmorphism, Midnight, Cyberpunk, and more — all professionally designed and ready to use. 
* CAPTCHA Protection — Defend against bots and brute-force attacks with built-in support for Google reCAPTCHA v2 & v3, hCaptcha, and Cloudflare Turnstile. 
* Custom Login URL — Replace the default /wp-login.php with a custom slug (e.g., yoursite.com/my-login) to hide your login page from automated scanners and bots.
🔀 Advanced Redirects 
* Redirect users to the Homepage or any Custom URL after a successful login. 
* Redirect users to the Homepage or any Custom URL after a successful registration.
🛒 WooCommerce Integration 
* WooCommerce Support — Automatically apply your custom login design to the WooCommerce My Account login and registration page — no extra configuration needed.
🎨 Advanced Design 
* Video Backgrounds — Set a looping video as your login page background for a cinematic, high-impact look. 
* Animated Gradient Backgrounds — Apply smooth, flowing gradient animations to add life and energy to your login page. 
* Custom Box Shadows — Go beyond presets with precise control over X/Y offsets, blur radius, and spread for fully custom shadow effects. 
* Custom JavaScript — Inject JS code into the head or before the closing body tag for tracking pixels, analytics events, or any custom behavior.
<h3>Developer Instructions</h3>
This plugin uses WordPress scripts (<code>@wordpress/scripts</code>) to compile React-based editor and settings UIs.
To rebuild the JavaScript and CSS assets from the source files in <code>src/</code>:
<ol>
<li>Make sure you have Node.js (v16+) installed.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to compile production assets into the <code>build/</code> directory.</li>
<li>For development mode with live rebuild, run <code>npm run start</code>.</li>
</ol>
Note: The <code>node_modules/</code> directory is excluded from the plugin distribution. All other source files (<code>src/</code>, <code>package.json</code>, <code>webpack.config.js</code>) are included.

Login Page Customizer and Designer

Customize your WordPress login page with custom templates, animations, backgrounds & security. Make Beautiful login pages in minutes.

Loginizr vs Login Page Customizer and Designer