WordPress开启SSL后CSS无法加载的解决方法

wordpress开启ssl后css无法加载的解决办法：1、找到functions.php文件，并更换“js/css”路径为相对路径；2、在wp-config.php中加入代码“if ($_SERVER['HTTP_X...)”即可。

本教程操作环境：Windows7系统、WordPress5.4.2版本，该方法适用于所有品牌电脑。

推荐：《WordPress教程》

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

方法一：找到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);
}

更换js/css路径为相对路径。（相关课程推荐：css视频教程）

方法二：在wp-config.php中加入这一行

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

但是要确保你的修改在这一行之前

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