Custom WordPress Login Page

Posted by AJ - On December 24th, 2009Tweet

If you have subscribed to WPExplorer you have probably noticed that the login panel is not the same as the default WordPress login. In fact it looks  like just like the picture above.

*Update: I have removed my custom login because I no longer accept guest posts.

Creating a custom WordPress login page is not only fun but I think it is important to show your members and visitors that your site is legit and it cares about improving the small things as well.

One way to go about creating the Custom WordPress login/register page is by altering the default WordPress stylesheet and code, however, the problem is that when you upgrade your version of WordPress all your settings will disappear and you will have to style everything over again.

Custom WordPress Login Plugin

Lucky for you and me, there is a plugin called BM Custom Login Plugin, created by Binary Moon.

This plugin will allow you to create a custom WordPress login panel and it will update itself simply by activating the plugin. Plus, the plugin comes with some really nice templates to get you started.

Key Features

• Includes PSD template
• Automatically updates the login/register WordPress Page
• Uses php and css to change default settings
• Keeps your settings even after WordPress upgrades

Setup & Installation

• Dowload the plugin (below)
• Open the plugin folder and browser to the image-templates folder
• Open the login-bkg-tile.psd file
• Edit to your liking
• Save as a jpeg file titled “login-bkg-tile.jpg”
• Upload the gif file to your plugin/images folder
• Activate the plugin and enjoy

Download The Plugin

Download the BM Custom Login Plugin from WordPress.org.

Free backgrounds by WPExplorer

The following Backgrounds are to be used with the BM Custom Login Plugin and they can all be download in a zip file below, but first i want to show them to you.

Blue:

Red/Orange:

Green:

How To Use The Backgrounds

• Download & Extract
• Open the “bm-custom-login-3.css’ file in your plugin folder with a text-editor
• Change the background file from “login-bkg-tile.jpeg” to “login-bkg-tile.gif” (these are gifs to conserve transparency, the plugin uses jpegs)
• Drag the background you wish to use into the images folder

Download The Backgrounds

Download the custom backgrounds here.