Noupe Editorial Team December 12th, 2017

WordPress Plugin: Create a Custom Login Screen With The Login Designer

Noupe Editorial Team

The jungle is alive: Be it a collaboration between two or more...

 Sponsors love


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.


The New Login Screen is in the Works in the Customizer. (Screenshot: Noupe)

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.


The Final Result is More Interesting Than the Boring Default Screen. (Screenshot: Noupe)

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

Noupe Editorial Team

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.

Leave a Reply

Your email address will not be published. Required fields are marked *