Custom Login Page Customizer vs Loginizr

The Custom Login Page Customizer is an excellent solution for your WordPress website if you want to customize the login page to match your website’s branding. By customizing the login page, you can provide your users with a better experience, improve the security of your website, and make your website look more professional and trustworthy. With Custom Login Page Customizer, you can change the login page’s background, colors, and fonts and add custom logos or images. Moreover, login Customizer allows you to create a login page that matches your website’s design, making it more visually appealing and professional-looking. Why Use Login Customizer? The Login Customizer plugin is an excellent solution for WordPress website owners who want to customize the login page to match their website’s branding. Here are some of the benefits of using Login Customizer: Customization options: The plugin offers a wide range of customization options that allow you to change the login page’s appearance to match your website’s branding. You can customize the logo, background image, color scheme, font size, and more. User experience: By customizing the login page, you can give your users a better experience. A branded login page makes your website look more professional and trustworthy, which can help increase user engagement and loyalty. Features of Login Customizer The Login Customizer plugin has many features that allow you to customize the login page to match your website’s branding. Here are some of the key features: User-Friendly Interface: LoginCustomizer has a user-friendly interface that makes it easy for both beginner and advanced developers. You don’t need coding or technical knowledge to customize your login page and form. Easy Customization: Custom Login Page Customizer allows you to customize every aspect of your login page, including the logo, background color, text color, font size, button style, and many more. You can also add custom CSS code to enhance the customization further. Live Preview: With the live preview feature, you can see your changes to your login page and form in real time. It lets you make quick and easy adjustments until you achieve the desired look and feel. Responsive Design: The plugin is fully responsive, which means your custom login page and form will look great on all devices, including desktops, laptops, tablets, and smartphones. Multisite Support: Custom Login Page Customizer is compatible with WordPress multisite. You can customize the login page and form for all sites in your network from a single location. Custom Logo: You can upload your logo to the login page and adjust its size and position. Background Image: You can add a background image to the login page, a static image, or a slideshow. Color Scheme: You can choose from various color schemes or create your custom color scheme. Font Size: You can adjust the font size for the login form, links, and other elements on the login page. Custom CSS: You can add your own CSS to customize the login page further.

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. Dynamically creates a custom login css file to override default values Fully integrated with WordPress Customiser Intuitive interface with sections & settings Filters to override defaults via your parent/child theme Usage Go to Appearance > Customise Select the Login Customiser Menu Panel 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. 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. Filters 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 = ” ) { // 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; } } add_filter( ‘loginizr_section_title’, ‘set_loginizr_section_title’, 10, 2 ); function set_loginizr_section_title( $title, $section = ” ) { // 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; } } 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 }