自定义美化wordpress登陆界面

热度s:586℃ 评论:2 发布时间:2017-11-19 收录:未收录

本来想做一个前台的登陆界面的,折腾半天各种报错各种丑,前端实在弱爆了,因此决定采用插件来美化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登陆页面美化完成,下图是最终效果图,也可以登陆本站查看效果。

自定义美化wordpress登陆界面

本文由 Mr.Wu 创作,除注明转载/出处外,均为本站原创,转载前请注明出处!

2条回应:“自定义美化wordpress登陆界面”

  1. 莫少说道:

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

顶部
护眼