去年曾經介紹過一個 WordPress 後台登陸美化，自適應其實也是不錯的。相關鏈接
今天呢，小幻把目前自己在用的後台樣式也分享一份 （其實很好挖……）
老樣子，小幻挖的，怎麼可能會是插件，純代碼！嫌煩的請勿下看 （其實超簡單……）
小幻對原來的進行了下修改，將原來的白雲換成了隨機背景，登陸框 75% 左右透明吧，可以看清，但是背景對其影響較大！對背景的適應會更好嘛！
支持頂部圖標自定義功能哦！
效果其一：
預覽其二：
有圖無真相，自己看效果！如果出來的圖片不錯，是不是美嗒嗒的。
效果預覽地址：http://ihuan.me/wp-login.php 切換效果請使用 CTRL+F5 簡單刷新無效！圖片服務器完全無問題，因為都是互聯網大牛們的圖片！
首先，先部署一下 functions.php 添加後台樣式的使用！
將一下代碼加入 functions.php 中
//自定義登錄頁面
function custom_login_logo() { echo '<link rel="stylesheet" id="wp-admin-css" href="'.get_bloginfo('template_directory').'/admstyle.css" type="text/css" />';}
add_action('login_head', 'custom_login_logo');
這段代碼放進去，你的後台就已經可以成功自定義了！
然後，就是今天最重要的了，如果真真正正嫌煩的，不想部署的，直接引用本站 css，但是需要修改上面的代碼！
部署 css 代碼，在主題目錄下新建一個 admstyle.css 文件，放上，下面的代碼
body,textarea{font-size:14px;font-family:"Microsoft Yahei", 宋體,PMingLiU,Verdana,Arial,Helvetica,sans-serif !important;}
input{font-size:14px;font-family:Tahoma,Arial,sans-serif !important;}
body{background:#92C1D1 url("http://tu.ihuan.me/api/me_all_pic_go") fixed center top no-repeat !important;}
.login h1 a {background-image:url('images/WordPress-logo.png') !important;background-size:170px 35px;background-position:top center;
background-repeat:no-repeat;width:170px;margin:auto;margin-top:35px;height:35px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;display:block;}
#login {
width:320px;
background:rgba(0, 0, 0, 0.2);
padding:0 20px 100% 12px;
margin:auto;
top:0px;
right:15%;
position:fixed;
box-shadow:0px 0px 5px 0px #333;
}
.login form {
margin-left:8px;
padding:26px 24px 46px;
font-weight:normal;
background:rgba(255, 255, 255, 0.2);
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:#000 0 0px 10px -1px;}
#loginform {-webkit-border-radius:0px;border-radius:0px;}
.login form .input, .login input[type="text"] {
color:#555;
font-weight:200;
font-size:24px;
line-height:1;
width:100%;
padding:5px;
margin-top:2px;
margin-right:6px;
margin-bottom:16px;
border:1px solid #FFF;
background:#FFF !important;
outline:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.login form .input, .login input[type="text"] {
font-size:17px;
padding-bottom:11px;
padding-top:11px;
text-indent:3px; }
.login form .input, .login input[type="text"] {border:2px solid #DCE4EC;}
input.button-primary{
margin-top:8px;
border:#000;
font-weight:bold;
text-shadow:#FFF 0 0px 10px;}
.login .button-primary {
font-size:14px!important;
line-height:22px;
padding:8px 117px;
border-radius:0px;
}
input.button-primary {
background:rgba(255, 255, 255, 0.5);color:#000; }
input.button-primary:hover,input.button-primary:focus {
background:rgba(255, 255, 255, 0.8);color:#000; }
input.button-primary:active{
background:rgba(255, 255, 255, 0.2);color:#000; }
.login form .forgetmenot {
font-weight:normal;
float:none;
margin-top:-10px;
}
.login #nav, .login #backtoblog {text-shadow:none;float:right;margin:0 30px 0 0px;padding:16px 0px 0 20px;}
.login #nav a, .login #backtoblog a{color:#FFF!important;text-decoration:none;}
.login #nav a:hover, .login #backtoblog a:hover{color:#444!important;text-decoration:none;}
div.error, .login #login_error {display:none;}
div.updated, .login .message {background-color: #E0FFE1;border-color: #ACE655;}
.wumii-footer{display:none !important;}
將這些放上，基本就 OK 了！但是頂部的圖像並沒有加載，本博主支持我大 WP 。頂部用的 WP 的 logo，大家可以自行添加修改之。
圖標地址在 css 中設置為 images/WordPress-logo.png 大家可以自己修改路徑，或者將文件存在下面，頂部圖標自定義。該路徑意思就是在主題目錄下 images 文件夾中 WordPress-logo.png 文件。
如果自己沒有好的 logo 那就支持大 WP 吧！
上面是大 WP 自己的 logo 圖片，大家自己另存為就好了。
這些部署完，你的後台就已經成功美化了，除了嘮叨的比較多，其實很簡單……
關於自適應，用基友和我説了，就弄了個自適應，如果需要可以用下！以下為自適應 css（2015.04.05）
body{background: url('//tu.ihuan.me/api/me_all_pic_go');width:100%;height:100%;background-image:url('//tu.ihuan.me/api/me_all_pic_go');-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;-moz-border-image: url('//tu.ihuan.me/api/me_all_pic_go') 0;background-repeat:no-repeat9;background-image:none9;}