WordPress配置SSL证书以后网页错乱如何解决？

品自行博客给大家分享一下WordPress配置SSL以后网页错乱的解决方法，还不会给网站配置SSL证书的可以参考以下文章：给网站添加宝塔面板的免费SSL证书Let’s Encrypt

wordpress开启ssl后css无法加载的解决方法：

方法一：在wp-config.php中加入以下代码（推荐）

if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS']='on';

确保上面插入的代码在下面代码之前：

require_once(ABSPATH . 'wp-settings.php');

方法二：在主题根目录找到functions.php文件，添加如下代码：

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);
}

以上就是WordPress配置SSL以后网页错乱的解决办法。