WP Custom Login Designer is a powerful and easy-to-use WordPress plugin that allows you to completely transform your WordPress login page. With its intuitive settings panel, you can customize backgrounds, logos, form styles, and buttons to match your brand's aesthetic without writing a single line of code.
- General Settings:
- Enable or disable custom login styling with a single toggle.
- Upload a custom logo to replace the WordPress default.
- Precisely adjust logo width and height.
- Background Customization:
- Solid Color: Choose any color using a built-in color picker.
- Gradients: Create stunning backgrounds with start/end colors and adjustable directions (Diagonal, Horizontal, Vertical).
- Images: Upload high-quality background images with support for cover/contain sizing and positioning.
- Form Styling:
- Customize form background color, padding, and border radius.
- Add or remove form shadows for a clean or modern look.
- Style input fields with custom background, text, and border colors.
- Change label colors for better readability.
- Buttons & Links:
- Full control over button background, text, and hover colors.
- Adjust button border-radius to match your design system.
- Customize the color of "Lost your password?" and "Back to blog" links.
- Custom CSS:
- Advanced users can inject their own CSS for ultimate flexibility.
- Live Preview:
- See your changes in real-time with the integrated live preview tab.
- Download the plugin folder (
wp-custom-login-designer). - Upload the folder to your website's
/wp-content/plugins/directory using FTP or your hosting file manager. - Log in to your WordPress admin dashboard.
- Navigate to Plugins > Installed Plugins.
- Find WP Custom Login Designer and click Activate.
- Compress the
wp-custom-login-designerfolder into a.zipfile. - Go to Plugins > Add New in your WordPress dashboard.
- Click Upload Plugin at the top.
- Choose your
.zipfile and click Install Now. - Once installed, click Activate Plugin.
After activation, you will see a new menu item labeled Login Designer in your WordPress sidebar. Click it to access the customization dashboard.
Created by shakoor
