WordPress Mixed Content Error (bezogen auf Google Fonts)

Lesezeit: 2 Minuten

Benutzer-Avatar
BizBrar

Ich habe die Foren durchsucht, aber ich kann nicht genau herausfinden, wie ich den Mixed-Content-Fehler auf meiner Website beheben kann, um sie zu https zu machen.

Hier ist der Fehler von Chrome:

Mixed Content: Die Seite unter https://www.example.com/ wurde über HTTPS geladen, aber ein unsicheres Stylesheet angefordert http://fonts.googleapis.com/css?family=Oswald:300,400,700. Diese Anfrage wurde blockiert; der Inhalt muss über HTTPS bereitgestellt werden.

Ich bin ein absoluter Noob und weiß nicht wo/was ich ändern soll.

Bitte geben Sie Noob-Anweisungen an, danke im Voraus, eine Auflösung wird es mir ermöglichen, zu starten …. vielen Dank!

—Aktualisiert—-

Es hat nicht funktioniert (wahrscheinlich wegen mir). Dies ist, wo es im Code in der Datei functions.php steht, aber es hat nicht funktioniert (ich habe das http in https in der Funktion is ssl geändert)

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

Benutzer-Avatar
markratleiste

Finden Sie den Link für 'http://fonts.googleapis.com/css?family=Oswald:300,400,700 in der Datei functions.php oder header.php Ihres Themes und tun Sie eines von zwei Dingen:

1) füge ein hinzu s zu httpund Google stellt die Schriftart über bereit https

oder

2), entfernen Sie die http: um das Verbindungsprotokoll agnostisch zu machen, dh //fonts.googleapis.com/css?family=Oswald:300,400,700 Dies ist in allen Fällen die beste Methode für die Kompatibilität.

So oder so, das wird die Mixed-Content-Fehler beheben.

Aber lernen Sie trotzdem, wie Sie Entwicklertools – die grundlegendsten Tools für jede Webentwicklung – verwenden, um alle geladenen Ressourcen zu überprüfen und alle anderen zu finden, die Nicht-https laden, wie z. B. Bildlinks usw. Verwenden Sie die Entwicklertools in Feuerfuchs (oder Feuerwanze) oder Chrom oder Safari oder IE.

  • Erstmal tausend Dank für die Erklärung, ich werde es ausprobieren und berichten.

    – BizBrar

    14. März 2016 um 2:21 Uhr

  • Ja für das Protokoll agnostisch. Es ist wirklich der richtige Weg.

    – zufälliger_Benutzername

    14. März 2016 um 3:54 Uhr

  • Es hat nicht funktioniert (wahrscheinlich wegen mir). Ich habe die Frage mit dem aktualisiert, was ich gefunden habe.

    – BizBrar

    14. März 2016 um 23:27 Uhr


  • Ok, also habe ich mich umgesehen und mit den Chrome-Entwicklertools eine http-Referenz in einem Plugin gefunden, wie Mark erwähnt hat, also hat es funktioniert! Mark – du der Mann, vielen Dank!!!

    – BizBrar

    14. März 2016 um 23:44 Uhr

  • Gut, dass es funktioniert hat; das Divi-Thema kennt https und Google Fonts, wenn Sie sich den obigen Code ansehen; es war also etwas anderes, wie Sie sagen, in einem Plugin.

    – markratledge

    15. März 2016 um 0:09 Uhr

1293780cookie-checkWordPress Mixed Content Error (bezogen auf Google Fonts)

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy