Ошибка смешанного содержимого Wordpress (связанный со шрифтом Google)

Я искал форумы, но я не могу точно понять, как исправить ошибку смешанного содержимого на моем сайте, чтобы сделать его https.

Вот ошибка из хрома:

Смешанный контент: страница https://www.example.com/ была загружена через HTTPS, но запросила небезопасную таблицу стилей http://fonts.googleapis.com/css?family=Oswald:300,400,700. Этот запрос был заблокирован; контент должен передаваться через HTTPS.

Я полный нуб и не знаю где/что менять.

Пожалуйста, укажите направление нуба, заранее спасибо, разрешение позволит мне запустить .... большое спасибо!

---обновлено----

Это не сработало (возможно, из-за меня). Вот где это находится в коде в файле functions.php, но это не сработало (я изменил http на https в функции is ssl)

$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;

person BizBrar    schedule 14.03.2016    source источник


Ответы (1)


Найдите ссылку для 'http://fonts.googleapis.com/css?family=Oswald:300,400,700 в файле functions.php или header.php вашей темы и выполните одно из двух действий:

1) добавьте s к http, и Google будет обслуживать шрифт через https

or

2), удалите http:, чтобы сделать протокол связи независимым от протокола, т. е. //fonts.googleapis.com/css?family=Oswald:300,400,700 Это лучший метод для обеспечения совместимости во всех случаях.

В любом случае это устранит ошибки смешанного содержимого.

Но все же научитесь использовать инструменты разработчика — самые основные инструменты для любой веб-разработки — чтобы проверить все загруженные ресурсы и найти любые другие, которые загружают не-https, например ссылки на изображения и т. д. Используйте инструменты разработчика в Firefox (или Firebug) или Chrome или Safari или IE.

person markratledge    schedule 14.03.2016
comment
Во-первых, миллион спасибо за объяснение, я попробую и доложу вам. - person BizBrar; 14.03.2016
comment
Да для протокола агностика. Это действительно правильный путь. - person random_user_name; 14.03.2016
comment
Это не сработало (возможно, из-за меня). Я обновил вопрос тем, что нашел. - person BizBrar; 15.03.2016
comment
Итак, я поковырялся и, используя инструменты разработчика Chrome, нашел ссылку http в плагине, как упоминал Марк, так что это сработало! Марк - ты мужик, большое спасибо!!! - person BizBrar; 15.03.2016
comment
Хорошо, что это сработало; тема Divi знает о https и Google Fonts, судя по приведенному выше коду; так что это было что-то другое, как вы говорите, в плагине. - person markratledge; 15.03.2016