Edit External CSS

时间:2017-10-10 作者:Chasen Bettinger

我目前正在建立一个网站:https://coldwellbankerblair.com/idx/mls-203859-164_red_rhododendron_road_boone_nc_28607

我最近把我的网站改成了HTTPs。切换时,我网站上的许多元素(图像、脚本等)都没有加载。为了解决这个问题,我安装了SSL不安全上下文过滤器。虽然这有助于我的大多数元素正确加载,但有一个元素是我网站不可或缺的。

在我之前链接的网页上,应该有一个由Juicebox支持的滑块,该滑块没有正确加载,因为脚本使用的URL没有使用HTTPS。

Image of my error我收到的错误图像。

我需要编辑我的Wordpress主题来更改CSS样式表的url,以便通过HTTPS加载它。

2 个回复
SO网友:Randomer11

您有很多混合内容警告,请确保更改脚本和图像以调用https。

例如,如果您可以在主题中找到以下URL的引用

http://api-idx.diversesolutions.com/Styles/Libraries/juicebox/theme.css

替换为:

https://api-idx.diversesolutions.com/Styles/Libraries/juicebox/theme.css

这将起作用,因为提供程序具有有效的SSL证书。

但我强烈建议物理搜索和替换旧的http URL,并将其替换为https等价物。

如果您不熟悉SQL,这是一个很好的插件:

https://en-gb.wordpress.org/plugins/better-search-replace/

但很明显,在使用数据库之前先对其进行备份。您可能还需要检查主题CSS、脚本和排队,以确保没有绝对URL。

SO网友:Anson W Han

除了在数据库中查找和替换外,您还需要扫描和更新插件和主题。特别是,检查是否加载了与协议无关的以下内容(使用//代替http://或https://):

加载在任何静态html或父模板标记中的Web字体

在sass源文件或css文件中导入的web字体

在任何静态html或父模板的标记中从CDN加载的第三方脚本

在javascript源文件中导入的第三方脚本

结束