≡ Menu
petermac

Custom Login

custom_login_01

Figure 1 – Click to Enlarge

This time the plugin under the microscope is called “Custom Login”. It is a simple plug-in that makes your administration login page look better than the default one that is provided by WordPress. Figure 1 shows the generic login page.

custom_login_02

Figure 2 – Click to Enlarge

I have found that the logo image itself should be no wider than 320 pixels in order for it to fit nicely on the login page. The replacement logo image swaps out the WordPress logo above the login form. If you access the settings page within the admin area after you install and activate the plugin, you should see something like figure 2. Note that there are three separate tabs on the left of this settings page namely: “Design Settings”, “General Settings”, and then lower on the same column “Import / Export Settings”.

We will focus on the Design Settings tab for now. With this tab in focus you can change HTML settings like page color, background image, and so on. Here I have made the background color blue and added an image of four knights to replace the WordPress logo. Shown in figure 3 with the results being shown in figure 4.

custom_login_03

Figure 3 – Click to Enlarge

custom_login_04

Figure 4 – Click to Enlarge

Of course this plugin has little practical value other than to help make your admin login area unique. If you have multiple websites that you maintain or you build sites for multiple clients then this plug-in can prove valuable for visual site recognition.

You can even change the look of the login form itself by changing the background color or the color of the text labels. There is also place to add the custom CSS at the bottom of the Design Settings tab. You may find that with this many options you are experiencing overkill but with these options comes a lot of flexibility and therefore granular control; all nice to have.

The General Settings tab has some basic features like allowing the plugin creator to track usage, the ability to turn off the login form shake on a failed login attempt, and so on. Use these options as you like, or in other words: “season to taste”.

custom_login_05

Figure 5 – Click to Enlarge

The Import / Export tab, figure 5, performs as you would expect; allowing you to export your custom login settings and use them on another site (import). This can be a great time saver. Simply copy the export block of text to the import block on the receiving site and save your changes.

This is a great little plugin that I use often. Be sure to consider using it when you create your own site(s).

Comments on this entry are closed.