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.

forsyspress

NEW in version 2.0. 
WP Login Control not only gives style, goes one step further to be a WYSIWYG web Builder, you can create Shortcodes and add new HTML tags, write inside them and style them. 
<a href="https://wplogincontrol.com/" title="Customize your WordPress login page" rel="nofollow ugc">WP Login Control</a> Easily customize your WordPress login page in minutes with no coding skills required. 
Transform the default log-in page into a professional and unique page that blends nicely with your brand or identity. 
Create as many forms as you want and activate them individually, randomly or with cron, you can preview and activate them in the backend.
Select the tags individually or with multiple selection with the “Ctrl” key or click drag and select, change the CSS properties at once in the selected elements/tags with our toolboxes.
Remember that you can press right button for each item or selection and its corresponding popup menu will appear.
Multilingual ready, translations English, Spanish.
WP Login Control Customizer allows you to change almost any aspect of the login page:
<h4>General</h4>
<ul>
<li>Primary Color</li>
<li>Font Color</li>
<li>Background Color</li>
<li>Border Color</li>
<li>Border Radius</li>
<li>Opacity</li>
<li>Margin</li>
<li>Border</li>
<li>Padding</li>
<li>Position</li>
<li>Width</li>
<li>Height</li>
<li>Background Clip</li>
<li>Background Image</li>
<li>Background Image repeat</li>
<li>Background Size Type</li>
<li>Font Family</li>
<li>Font Variations</li>
<li>Font Size</li>
<li>Text Shadow</li>
<li>Hide any tag</li>
<li>Flip any tag</li>
<li>Hover</li>
<li>And much more</li>
</ul>
<h4>Shortcodes</h4>
You can create shortcodes from scratch or download templates and ready-to-use examples from our website. 
You can modify and adapt the examples and templates to your needs and if you have a Premium license you can use or redistribute your templates and shortcodes without charge to your clients or websites, since the free version allows importing all premium designs. 
<a href="https://wplogincontrol.com/" title="Customize your WordPress login page" rel="nofollow ugc">WP Login Control</a>
<h4>Coming soon in minor updates</h4>
<ul>
<li>Z-index</li>
<li>Rotate</li>
<li>Gradients</li>
<li>Add JavaScript code or Snippets to you designs.</li>
<li>Classes and Tag design.</li>
<li>Shortcode Form, for easy shortcodes insertion.</li>
<li>Css and lists Parameters for Shortcode designer.</li>
<li>Pseudo-Elements “Before” and “After” (emulator).</li>
<li>Redesign of Tools and Contextualmenu. </li>
<li>Jquery effects.</li>
<li>New sub-menu page with general designer options.</li>
</ul>
<h4>Premium</h4>
We also have a Premium version, which you can use on your website or use it to create new designs and Shortcodes and sell them to your customers ( Royalty free). Only one pay, lifetime updates. 
See our <a href="https://wplogincontrol.com/" title="Premium" rel="nofollow ugc">Premium version</a>

WP Login Control

WYSIWYG editor, customize your WordPress login password page with ease.

Loginizr vs WP Login Control