美化Wordpress登陆页面

在Wordpress 2.6的使用过程中，我也曾经对WP的登陆页面进行过自定义，包括修改其样式，或者改变页面内容。现在Wordpress升级到2.7了，WP开发者对登陆页面进行了一些改动，但是要实现登陆页面的美化还是不复杂的，Frank就提供了一个简单的方法。

首先，在你的主题的functions.php里添加以下代码，如果你的主题没有functions.php，可以自己建立一个。

1. function fb_custom_login() {
2. echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />';
3. }
5. add_action('login_head', 'fb_custom_login');

这是要求Wordpress对登陆页面使用独立的css样式表custom-login.css，该样式表是放在主题目录下的custom-login文件夹。

custom-login.css的内容可以自己做，完全可以打造出符合自己网站风格的Wordpress登陆页面来。如果比较懒惰，也可以使用以下的css

1. html {
2. background-color: #fff;
3. }
5. #login form {
6. padding-top: 100px;
7. }
8. #login form .submit input {
9. border-color: #bcb38f !important;
10. color: #777 !important;
11. }
12. #login form .submit input:hover {
13. border-color: #bcb38f !important;
14. color: #bcb38f !important;
15. }
16. #login h1 {
17. display: none;
18. }
19. .login #nav a {
20. color: #777 !important;
21. }
22. .login #nav a:hover {
23. color: #bcb38f !important;
24. }
26. #wphead img, #wphead h1 {
27. display: none;
28. }
29. #wphead {
30. height: 100px;
31. }
32. #wphead-info {
33. padding-top: 27px;
34. }
36. #footer {
37. display: none;
38. }
39. #footer_custom {
40. clear: both;
41. text-align: center;
42. width: 500px;
43. margin: auto;
44. height: 100px;
45. }
46. #footer_custom .docs {
47. padding-top: 0px;
48. line-height: 100%;
49. }
50. #footer_image {
51. border:none;
52. }