I have long wanted to customize my WordPress login screen but I don’t know how to do it, or if it’s possible.
Few days ago, I stumbled upon graphic and logo designer David Airey’s post on Customize your WordPress login. It was the exact thing I intended to do. I was very thankful that I came across his very useful site.
I am administering my hometown’s website where I am using WordPress as CMS. And since the login screen is easily available to the contributors and members I thought that I would want to have a login screen that looks like the website, at least.
As we all know, this is the default WordPress login screen.
So excited to practice what I’ve learned from David’s post, I immediately opened Adobe Photoshop. I edited the login-bkg-bottom.gif and login-bkg-tile.gif files which are located in wp-admin/images.
This is the customized WordPress login screen for my hometown’s website. This is the first version.
Since I want to have a consistent look, I designed another login screen that looks similar to the theme.
Want to see it live? Take a peek at the customized WordPress login. It may already be different from the one pictured above, though.
Some may say that the login screen is just a small detail and that not everybody has access to it, but for the life of me, I want my login page to be something special.
But this customized WordPress login screen will be overwritten once you upgrade, hence, your login page will return to the default. I would prefer to manually overwrite the login files mentioned above after the upgrade, although time consuming. You may use the Plugin version if you want to. Here I have found two.
- BM Custom Login – Web Designer and Game Developer Ben Gillbanks of Binary Moon developed this plugin to give people an easy way to add a custom wordpress login screen. The plugin eases upgrading (in particular on client websites) and includes a login screen kit to speed up development of your own screens.
- Pimp My Login – Matt of SkyMinds.Net developed this WordPress plugin that allows you to easily edit the look and feel of the login page. It can display your own logo instead of the WordPress one and point to your blog’s URI instead of WordPress.org.
Was able to customize my WordPress login screen, and it was so easy, I had fun doing it. Will you customize your login screen too?
Apr 8, 2008 Update: WordPress 2.5 has a new WP Login screen. Here’s my new post on how to Customize the new WP 2.5 login screen.