Design the WordPress login form in the customizer

Design the WordPress login form in the customizer

With the plugin Login Designer you can design the WordPress login form directly in the Customizer and adapt it to your liking. In just a few steps you can upload your own logo and configure the spacing, colors and typography of the WordPress login.

There are already a number of plugins for customizing the WordPress login form. With Login Designer, a new and innovative solution for designing WordPress logins was recently released, which relies on the Customizer.

Login designer

Login Designer can be downloaded from the WordPress.org plugin directory. The development of the plugin takes place publicly on Github.

Login Designer is the best way to style a custom login page for your WordPress…

By: Login Designer

Last updated:
3 weeks ago

20,000+ active installs

Compatible up to: 5.9.3

The plugin was released in November 2017, so it’s only about three months old. Despite such a short span of time, it has already garnered over 6,000 downloads, 1,000 active installs, and 8 positive reviews.

Design WordPress login form

You can find the plugin settings under Theme → Customizer → Login Designer. When selecting the menu item in the customizer, Login Designer automatically switches the live preview and shows a preview of the WordPress login instead of the actual website.

Login designer options

In the section Templates you can choose between three different basic templates. In addition to the WordPress core standard, a dark scheme and a chic two-column layout with a background image as an eye-catcher are also available.

Design WordPress login form

In the second section Settings the credit link “Powered by Login Designer” can be deactivated. If you want to recommend the plugin, you can also leave the option activated and customize the logo and text color of the branding.

Design individual elements in the WordPress login form

In addition to the two general sections Templates and Settings, the various elements in the login form such as logo, labels, input fields and links can be designed individually.

The options for this are displayed by clicking on the element you want to change in the live preview of the login form. For example the input fields:

Login Designer: Input Fields options

The options of the plugin for customizing the individual elements in the login form are very extensive. Spacing, colors and typography can be configured in detail. Border and drop shadow design options are also available.

A total of eight different sections are available for customizing the elements in the WordPress login form. The following picture gallery provides an overview:

You can also get a quick insight into Login Designer with the intro video of the plugin:

Conclusion

The usability of Login Designer convinced me right away. The plugin offers numerous settings for customizing the WordPress login, but despite the abundance of options, it is not overwhelming. High flexibility and simple operation are rarely found, therefore 5 stars.

Set up customer area with login |  online profilers Previous post Set up customer area with login | online profilers
How the WordPress login works Next post How the WordPress login works