付费节点推荐
免费节点
节点使用教程
文章说明
作为一个重度强迫症患者,我对wordpress原生的后台登录界面表示蛋疼,丑的一笔,于是我决定自己动手美化一下,话不多说,请看下面演示地址或预览图片
演示地址
预览图片
使用方法
1:修改主题目录(博主我的是wp-content/themes/simple/..)下的functions.php文件,在 ?> 前面添加一个方法,方法的作用就是在登录页面插入自定义的css、js、favicon、…还能插入什么呢?哈哈,自己琢磨吧,代码如下:
//自定义后台登陆
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自身的文件做任何改变,所以更新后还是美美哒
未经允许不得转载:Bcoder资源网 » wordpress后台登录页面美化
评论前必须登录!
登陆 注册