WordPress默认登录页的样式一直都没变过,美化的插件也很多,不喜欢的插件的我最近用代码美化了一下,之前也出过一篇自定义登录页的教程,虽然可以实现跟多国内,但是要填的坑也很多

最近wp5.9默认登录页增加了一个语言切换框,不喜欢的可以看下面的文章对其进行删除。

先来看下美化完成后的效果

看上去是不是很高大上的感觉

使用方法很简单,将下面的代码添加到WordPress主题的“functions.php”文件中即可。

/**
 * 美化Wordpress登录页 By 当下资源网
 * 原文地址:https://www.downzyw.com/419.html
 */
function io_login_header(){
    echo '<div class="login-container">
    <div class="login-body">
        <div class="login-img shadow-lg position-relative flex-fill">
            <div class="img-bg position-absolute">
                <div class="login-info">
                    <h2>'. get_bloginfo('name') .'</h1>
                    <p>'. get_bloginfo('description') .'</p>
                </div>
            </div>
        </div>';
}

function io_login_footer(){
    echo '</div><!--login-body END-->
    </div><!--login-container END-->
    <div class="footer-copyright position-absolute">
            <span>Copyright © <a href="'. esc_url(home_url()) .'" class="text-white-50" title="'. get_bloginfo('name') .'" rel="home">'. get_bloginfo('name') .'</a></span> 
    </div>';
}
add_action('login_header', 'io_login_header');
add_action('login_footer', 'io_login_footer');

   
//登录页面的LOGO链接为首页链接
add_filter('login_headerurl',function() {return esc_url(home_url());});

使用方法还是一样,添加到“functions.php”文件。

***此处内容登录后可见***

温馨提示:此处为隐藏内容,需要登录后可见

html结构和css样式可以自己调整,原理就是添加自定义的html结构,然后编写css样式,额。。。就这么简单!赶快去美化你的登录界面吧

添加完上面两段代码就可以使用美化的登录页了,就这么简单,赶紧试试吧。

1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3、不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5、如有链接无法下载、失效或广告,请联系管理员处理!
6、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7、如果您也有好的资源或教程,您可以投稿发布,成功分享后有DB奖励和额外收入!
8、如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。提供版权证明至邮箱:3951157@qq.com

发表回复

后发表评论