wordpress登录页面样式丢失无法登录或后台样式错乱解决方法

wordpress后台登录页面样式错乱，本以为是网速太慢，登录页面css没有加载出来。但是，经过多次加载刷新或者清除浏览器缓存，登录样式始终加载不出来。

既然，登录样式加载不出来，干脆就这样输入密码和帐号登录吧，结果呢？真是让人匪夷所思，wp后台竟然登不进去，哎呀，这怎么办回事，不要慌，按下F12看了一下控制台，代码显示：

Mixed Content: The page at 'https://www.maxing128.com/wp-login.php?XXXXX' was loaded over HTTPS, but requested an insecure stylesheet 'https://www.maxing128.com/wp-admin/load-styles.php?c=0&dir=ltr&load%5B%5D=dashicons,buttons,forms,l10n,login&ver=4.9.9'. This request has been blocked; the content must be served over HTTPS.

上面的信息是https加载不安全造成的吗？自己动手解决，百度搜一下，找到解决方法了。

第一步，在自己主题里的functions.php文件里放入下面的代码：

// wordpress强制跳转https后，JS/CSS不加载的解决方案
add_filter('script_loader_src', 'agnostic_script_loader_src', 20,2);
function agnostic_script_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}
 
add_filter('style_loader_src', 'agnostic_style_loader_src', 20,2);
function agnostic_style_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}

第二步，在wp根目录找到wp-config.php配置文件中，找到大约19行下面，放入如下代码：

 * @package WordPress
 */
 
$_SERVER['HTTPS'] = 'on';
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

最后，使用上面的方法之后，登录页面的样式正常加载了，网站后台也能登进去了。