AyushSaran.com

CROSS POSTED FROM http://www.dedestruct.com/customizing-the-wordpress-login-screen-pt-2/2007/07/

 
This Blog is closing, please direct all links / comments to www.dedestruct.com

 

Improving on the previous customize the wordpress login screen - Pt 1. The original method I proposed involved over-writing the core wordpress admin images with custom ones. This would replace the default admin page but the hack was temporary and resets when the core files are overwritten during an upgrade.

The solution is to use the Wordpress Custom Login Plugin from Ben over at BinaryMoon.

De-constructing the plugin

• <?php
•  
• function bm_custom_login() {
• echo '<link rel="stylesheet" type="text/css" href="' . get_settings('siteurl') . '/wp-content/plugins/bm-custom-login/bm-custom-login.css" />';
• }
•  
• add_action('login_head', 'bm_custom_login');
•  
• ?>

For those interested in how the plugin works. Ben uses a wordpress hook ‘login-head’ to call out his own css stylesheet.
The backgrounds set in his css stylesheet override the default image paths set in the wp-admin stylesheet.
If you are interested in building your own plugins a comprehensive list of wordpress hooks can be found at the codex.

To help you out here is a basic PSD with the re-created Logo, Glow, Gradient and rounded corners seen on the default login screen.

To see download files visit the new home of this blog at www.dedestruct.com

The ‘Customize Login Screen’ has been my most popular post so far, and id love to see what screens you guy make.
You can post your screenshots over at the Flickr - Custom wordpress login Group