WordPress完美解决Https开启后CSS等的问题

WordPress完美解决Https开启后CSS等的问题

WordPress完美解决Https开启后CSS等的问题，如果对你有帮助就看看吧。

不知道大家有没有遇到过这样的问题，那就是我们网站添加CDN并且隐藏了源IP一切都以为很顺利的时候，在网站SSLHTTPS这里却出了错，导致我们不得不放弃CDN隐藏源IP的功能，将我们的真实IP暴露给用户，导致了一些不必要的损失。

这是站长的真实经历哈，因为当时网站开启CDN后，如果回源是HTTP的话，加上HTTPS就会出错，用HTTPS访问网站的CSS就无法访问，原因是什么，因为网站里面不管是CSS还是JS都是采用了绝对路径的，因为HTTP和HTTPS是不能通用的，你打开HTTPS的网站如果CSS是HTTP的绝对路径是无法正常加载的。

当初一段时间，由于模板也还没怎么摸透，也没找到解决方案，所以就索性放弃了CDN，导致后面网站被DDOS。

现在呢，问题已经解决了，只需要一个函数就能帮我们修改网站模板CSS和JS的路径全部修改为相对路径这样不管是HTTPS和HTTP都能正常加载了，直接放到网站模板的Function.php就可以了。

实例代码:

//相对路径 AIDE技术网版权所有
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);
}