wordpress后台登录页面美化

付费节点推荐


免费节点


节点使用教程


文章说明

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

演示地址

演示地址

预览图片

article4-1

使用方法

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后台登录页面美化

相关推荐

赞 (2)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册