自定义美化wordpress登陆界面

Mr.Wu 2,982 2

本来想做一个前台的登陆界面的,折腾半天各种报错各种丑,前端实在弱爆了,因此决定采用插件来美化wordpress默认的登陆页面。

插件branded-login-screen:

原插件好像是国外一个人写的,然后被国内的汉化了,很久没更新了,不过这都不是事,能用就行。

插件下载

文件很简单,代码简单易懂,如果不想装成插件,也可以下载来把代码扒出来自己套入到自己的主题上也行。

后台上传安装好插件然后启用就行了,没有后台设置功能,启用就正常使用了。

关于插件的使用请查看插件目录下的readme.txt文件,里面写的很清楚明白。这里也不在过多介绍。

使用插件遇到的问题及解决:

不知道为什么,那个登陆页面的logo没有替换成功,于是乎就自己在functions.php加入了代码:

//自定义登陆页logo
function custom_login() {   
echo ''; }  
add_action('login_head', 'custom_login'); 

login.css也可以改成你主题的style.css名字,然后将下方的CSS加入到style.css,我之所以另外创一个文件是因为不知道哪里样式冲突了,导致页面错位,如果你的不影响,你可以直接写在style文件里面,如果影响,还是学我单独创建一个文件吧然后将下方的样式写进去吧。

/** 替换logo **/    
.login h1 a{   
    background-image: none, url(./img/login-logo.png);
}  

至此wordpress登陆页面美化完成,下图是最终效果图,也可以登陆本站查看效果。

广告
打赏
发表评论 取消回复
表情 图片 链接 代码

  1. 莫少
    莫少 Lv 1

    用博主的方法终于成功了,感谢 :shock:

分享
微信
微博
QQ