文章说明

作为一个重度强迫症患者，我对wordpress原生的后台登录界面表示蛋疼，丑的一笔，于是我决定自己动手美化一下，话不多说，请看下面演示地址或预览图片

演示地址

演示地址

预览图片

使用方法

1：修改主题目录(博主我的是wp-content/themes/simple/..)下的functions.php文件，在 ？> 前面添加一个方法，方法的作用就是在登录页面插入自定义的css、js、favicon、…还能插入什么呢？哈哈，自己琢磨吧，代码如下：

1
2
3
4
5
6
7
//自定义后台登陆
function custom_login() { 
 echo '<link rel="shortcut icon" href="' . get_bloginfo('template_directory') . '/custom_login/custom_favicon.ico" />';
 echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; 
 echo '<script src="' . get_bloginfo('template_directory') . '/custom_login/custom_login.js"></script>'; 
} 
add_action('login_head', 'custom_login');

2：在主题目录(博主我的是wp-content/themes/simple/..)下新建一个文件夹命名为custom_login(有懒癌的同学嫑怕，后面有下载),将要用到的图片、js、css都放在里面就OK了，如果你想修改背景图，颜色等等，你可以修改custom_login.css,在这里说明一下custom_login.js的作用，一是为登录框增加placeholder提示，因为原生登录框是没有的，二是隐藏登录框的label，就是那个提示的文字(什么用户名、密码啊)

3：文件都放置好了之后，刷新页面就可以看到效果

相关下载

点我下载

Q&A

有的童鞋要说了，自己博客后台别人又看不到，还整那么漂亮干啥？我认真的说一句：强迫症不能忍！！！另外..我不是处女座0.0.然后小明同学又有问题了，说wordpress升级后会不会又变回原来的丑样呢？答案是不会，因为我们没有对wordpress自身的文件做任何改变，所以更新后还是美美哒