WordPress Plugin: Create a Custom Login Screen With The Login Designer
You’ve probably created custom WordPress login screen for at least some of your clients. It sure wasn’t precisely super-easy. With the free Login Designer, you’ll be able to do this much faster from now on.
Good Idea: Adjusting the Login Screen Via Theme Customizer
The unique thing about Rich Tabor’s new WordPress plugin Login Designer is the fact that it seamlessly ties in with the WordPress Theme Customizer. This way, customizing your login screen works the same way as it already did with the theme.
I would even go as far as saying that the Login Designer allows any tard to build a nice login screen. It’s that simple. So, what can you, as a professional, get out of the tool?
How to Get the Login Designer
Download the Login Designer for free on Rich Tabor’s website ThemeBeans. Visit the linked page, and click on
Free Download in the top right. This opens an overlay where you can enter an email address that Rich will send a download link to.
Shortly after, you’ll receive the according email. It contains the download link. Clicking it starts the download of the 2.6 MB zip archive with the Login Designer inside. Remember the zip’s storage location, and log into your WordPress installation.
Once you’ve arrived in the backend, switch to
install > plugins. There, click on
upload plugin in the top left, then click
select file. Now, open Explorer, Finder, or your file tool of choice, go to the storage location, and select the archive
login-designer.zip. Back in the backend, click on
install now and be patient. In a short time, WordPress declares “mission accomplished”, and offers to activate the plugin, which you confirm.
By now, the Login Designer has found its way into the WordPress plugin index, allowing you to install it right from within the repository via the backend. Both approaches lead to the same result.
First Steps With the Login Designer
Under the menu item
Design, you’ll find the sub-item
Login Designer. Clicking on it opens the Theme Customizer, which the Login Designer has been tied in with, and shows you your current login screen.
To help your creativity, the Login Designer comes with two different templates, one of them in the popular dark style. The additional templates are not needed, though, as the Theme Customizer’s tools let you work right within the preview, and a click on each screen element opens the corresponding editing options.
After a training period of five minutes, you’ll already be able to create your custom login screen. As with other theme changes, you can save and publish your adjustments by clicking the designated button in the top left of the Customizer.
Getting Started With the Theme Customization API
Rich Tabor has looked deep into the Theme Customization API, and predicts a great future, as it can be used for improvements of both the theme and plugin development. Rich is surprised that rarely any developer makes use of the available possibilities. Maybe, we really should look deeper into it.
Now, if you’re curious to dig deeper, I recommend Rich’s article “Context-Aware Previews within the WordPress Customizer.” Here, Rich uses the Login Designer as a possible example, but gives a much more comprehensive presentation of the approach.
Conclusion: Login Designer is Good, Use it
To me, the Login Designer is one of those no-brainer plugins that should be installed, simply because it quickly produces impressive results. Incompatibilities are unlikely. So there’s no reason not to get it.
By the way, we release a lot of articles on fresh and useful WordPress plugins, and you can find the most recent one here.