Lair360 Blog

Version: 17.2
Revision: 13 Build 11

Wordpress – Change that horrible login screen!

Wordpress Version: 2.8+

Introduction: On the 17th of November, I had a short reply from my readers. They told me that my previous “Wordpress Login Screen” tutorials, they are old and outdated. This is because, everyone is now using “Wordpress 2.8+” for their project. So, for those who are using the old version, please click on this link and change your login screen.

http://lair360.co.uk/blog/537/

For the other readers and publishers who are using the latest version, please read this article. But, don’t forget to create a backup of your SQL database!

Have fun and be careful with the modification!

Warning: If you’re unsure about this modification, then please stop reading. This article is only provided for advance users. So, if you want to try this out, please create a dummy area and install Wordpress under your new directory.

—————————————
1.] Log-in to your Cpanel and click on your FTP server. But, do not download each file and modify them outside the server! It is very unstable and dangerous when you upload your modified version.

2.] Look for these files and directories.

…/wp-login.php
…/wp-admin/css/login.css
…/wp-admin/images/

Notes: if you want to change your image, you will need to keep the formats as PNG or GIF and the size must not exceed 400 pixels in width and height.

3.] Search for your “wp-login.php” file and look for these codes.
It’s located at line 73 – 75.

Notes: you will need to replace this phrase: “Powered by WordPress” and its default Url: “http://wordpress.org/”.

<div id="login"><h1><a href="<?php echo apply_filters('login_headerurl', 'http://wordpress.org/'); ?>" title="<?php echo apply_filters('login_headertitle', __('Powered by WordPress')); ?>"><?php bloginfo('name'); ?></a></h1>

4.] Save your changes and look for this file: “login.css”.

…/wp-admin/css/login.css

h1 a {
	background: url(../images/logo-login.gif) no-repeat top center;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}

5.] Modify the image’s location and save your changes.

6.] You are done!

Copyrighted By Lair360