Wordpress 混合内容错误（google 字体相关）

Question

我搜索了论坛，但我不知道如何修复我网站上的混合内容错误以使其成为 https。

这是来自 chrome 的错误：

混合内容：https://www.example.com/ 的页面是通过 HTTPS 加载的，但请求了不安全的样式表 http://fonts.googleapis.com/css?family=Oswald:300,400,700。此请求已被阻止；内容必须通过 HTTPS 提供。

我是个彻头彻尾的菜鸟，不知道where/what要改变。

请提供新手方向，提前致谢，解决方案将使我能够启动....非常感谢！

---已更新----

它没有用（可能是因为我）。这是它在 functions.php 文件中的代码中的位置，但它不起作用（我在 is ssl 函数上将 http 更改为 https）

$open_sans = _x( 'on', 'Open Sans font: on or off', 'Divi' );

    if ( 'off' !== $open_sans ) {
        $font_families = array();

        if ( 'off' !== $open_sans )
            $font_families[] = 'Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800';

        $protocol = is_ssl() ? 'https' : 'http';
        $query_args = array(
            'family' => implode( '%7C', $font_families ),
            'subset' => 'latin,latin-ext',
        );
        $fonts_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" );
    }

    return $fonts_url;
}
endif;

Answer 1

在主题的 functions.php 文件或 header.php 中找到 'http://fonts.googleapis.com/css?family=Oswald:300,400,700 的 link 并执行以下两项操作之一：

1) 将 s 添加到 http，Google 将通过 https

提供字体

或

2)，删除 http: 以使 link 协议不可知，即 //fonts.googleapis.com/css?family=Oswald:300,400,700 这是在所有情况下实现兼容性的最佳方法。

无论哪种方式，都将解决混合内容错误。

但是，仍然学习如何使用开发人员工具——任何 Web 开发的最基本工具——来检查所有加载的资源并找到任何其他正在加载非 https 的资源，例如图像 links，等。使用 Firefox (or Firebug) or Chrome or Safari or IE.

中的开发者工具

Wordpress 混合内容错误（google 字体相关）

Wordpress Mixed Content Error (google font related)

wordpress

mixed-content