李清海's blog

最近忙于应付考试，博客都没有更新了，发现了Alex的一篇文章，分享给大家……

If you wanna English tutorial, please visit How to add a custom box at the login page

如果用户不小心进入了你的后台登录页面，一个不错的登录页面可能使用户返回到你的首页。怎样才能让用户觉得这不仅仅是一个错误的页面呢？怎样才能达到如图的效果呢？

The Examples

[Live Demo]

修改方法:

你可以通过修改wp-login.php更换登录框下边的信息，然后修改css文件控制它的样式。

1. 打开wp-login.php.
2. 删除495行 (WP 2.8+ 请删除 530行),同时增加如下代码:

    Looking for posts? Go back to <a href="http://yourdomainname.com/">my homepage.</a>

   请自行修改p标签里之间的内容。

3. 保存并关闭 wp-login.php
4. 上传并替换WordPress 根目录的wp-login.php.
5. 完成了，刷新看看吧!

以下是例子中自定义提示信息颜色的方法：

1. 重新打开wp-login.php
2. 找到495行 (WP 2.8+ 请找到530行)并增加

   Looking for posts? Go back to <a href="http://yourdomainname.com/">my homepage.</a>

3. 保存并上传到WordPress根目录.
4. 打开 wp-admin/css中的login.css.
5. 找到94行，在后面增加如下代码:

   .message2
   {
   margin: 0 0 16px 8px;
   border-width: 1px;
   padding: 12px;
   border: 1px solid <strong>#F98C8C</strong>;
   background: <strong>#FFF0F0</strong>;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

   大胆的改变上面的代码，你可以自定义登录信息方框的颜色.例子的代码可以使你的登录信息框变成红色。

6. 保存并上传login.css到wp-admin/css目录.
7. 完成!

同时你可以修改wp-admin/images目录的logo-login.gif图片定义个性化的login-logo.