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.

Ari Stathopoulos

Themeum

David Vongries

DannyCooper

Ignacio Cruz Moreno

wplemon

<a href="https://www.themeum.com/kirki/" rel="nofollow ugc">Kirki</a> is a customizer toolkit for WordPress. An open-source initiative by <a href="https://www.themeum.com/" rel="nofollow ugc">Themeum</a> for WordPress theme developers.
Kirki allows you to build themes quicker & more easily. With over 30 custom controls ranging from simple sliders to complex typography controls with Google Fonts integration and features like automatic CSS & postMessage script generation, Kirki makes theme development a breeze.
<h3>Features ✅</h3>
<ul>
<li>Increased Performance</li>
<li>Simplified API</li>
<li>Automatic CSS Generation</li>
<li>Automatic postMessage Generation</li>
<li>Partial Refresh</li>
<li>Conditional Logic</li>
<li>GDPR Compliance</li>
<li>Improved Page Speed</li>
<li>And more!</li>
</ul>
<h3>Controls 🎛️</h3>
<ul>
<li><a href="https://docs.themeum.com/kirki/controls/background/" rel="nofollow ugc">Background Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/code/" rel="nofollow ugc">Code Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/checkbox/" rel="nofollow ugc">Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color/" rel="nofollow ugc">Color Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color-palette/" rel="nofollow ugc">Color Palette Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dashicons/" rel="nofollow ugc">Dashicons Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/date/" rel="nofollow ugc">Date Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimension/" rel="nofollow ugc">Dimension Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimensions/" rel="nofollow ugc">Dimensions Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dropdown-pages/" rel="nofollow ugc">Dropdown Pages Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/editor/" rel="nofollow ugc">Editor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/generic/" rel="nofollow ugc">Generic Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/image/" rel="nofollow ugc">Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/url/" rel="nofollow ugc">Link Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicheck/" rel="nofollow ugc">Multiple Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicolor/" rel="nofollow ugc">Multicolor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/number/" rel="nofollow ugc">Number Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio/" rel="nofollow ugc">Radio Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-buttonset/" rel="nofollow ugc">Radio Buttonset Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-image/" rel="nofollow ugc">Radio Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/repeater/" rel="nofollow ugc">Repeater Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/select/" rel="nofollow ugc">Select Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/slider/" rel="nofollow ugc">Slider Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/sortable/" rel="nofollow ugc">Sortable Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/switch/" rel="nofollow ugc">Switch Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/text/" rel="nofollow ugc">Text Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/textarea/" rel="nofollow ugc">Textarea Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/toggle/" rel="nofollow ugc">Toggle Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/typography/" rel="nofollow ugc">Typography Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/upload/" rel="nofollow ugc">Upload Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/margin-padding/" rel="nofollow ugc">Margin & Padding Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/headlines-dividers/" rel="nofollow ugc">Headlines & Dividers</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/responsive-controls/" rel="nofollow ugc">Responsive Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/input-slider/" rel="nofollow ugc">Input Slider</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/tabs/" rel="nofollow ugc">Tabs</a></li>
</ul>
<h3>Documentation 📖</h3>
You can find detailed documentation on how to use Kirki on https://www.themeum.com/kirki/

Kirki Customizer Framework

The Ultimate Customizer Framework for WordPress Theme Developers

Loginizr vs Kirki Customizer Framework