修改默认WordPress后台登录页面(亲测)

原创 新起点博客  2020-06-02 11:12 
【上云必备】上云仅?102/年

修改默认WordPress后台登录页面操作说明:

1、首先我们把下载好的压缩包 wp-login.php 复制到网站根目录进行替换;

2、把 css images js 3个文件复制到当前使用的主题根目录下

3、将下面代码添加到主题functions.php文件中

//后台登录页自定义

    //登录页
    function custom_login() {
        echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/css/login.css" />'."\n";
    }
    add_action('login_head', 'custom_login');

    //登录页标题
    function custom_headertitle ( $title ) {
        return get_bloginfo('name');
    }
    add_filter('login_headertitle','custom_headertitle');

    //登录页链接
    function custom_loginlogo_url($url) {
        return esc_url( home_url('/') );
    }
    add_filter( 'login_headerurl', 'custom_loginlogo_url' );

    //登录页页脚
    function custom_html() {
        echo '<div class="footer">'."\n";
        echo '<p>&copy;新起点博客版权所有 '.date('Y').' </p>'."\n";//版权
        echo '</div>'."\n";
        echo '<script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/resizeBg.js"></script>'."\n";
        echo '<script type="text/javascript">'."\n";
        echo 'jQuery("body").prepend("<div class=\"loading\"><img src=\"'.get_bloginfo('template_directory').'/images/login_loading.gif\" width=\"58\" height=\"10\"></div><div id=\"bg\"><img /></div>");'."\n";
        echo 'jQuery(\'#bg\').children(\'img\').attr(\'src\', \''.get_bloginfo('template_directory').'/images/login_bg.jpg\').load(function(){'."\n";
        echo '	resizeImage(\'bg\');'."\n";
        echo '	jQuery(window).bind("resize", function() { resizeImage(\'bg\'); });'."\n";
        echo '	jQuery(\'.loading\').fadeOut();'."\n";
        echo '});';
        echo '</script>'."\n";
    }
    add_action('login_footer', 'custom_html');

是不是很简单,赶快来试一下吧!

相关文件下载地址
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
本文地址:https://www.henenseo.com/archives/2243
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论


表情