Wordpress Installation mit fehlerhafter Anzeige

Sie haben das Problem, dass bei der Neuinstallation von Wordpress die CSS Datei nicht geladen und der Installationsassistent nicht korrekt dargestellt wird.

Der Grund für das Problem

Wir setzen NGINX und Apache als Webserver ein. Wenn Sie Apache als Webserver für Ihre Domain ausgewählt haben, so wird dieser hinter einem transparenten NGINX Proxy angesprochen. In aller Regel bekommt der Anwender hiervon nichts mit und kann auch die Funktionen von Apache in der .htaccess Datei verwenden. Der NGINX Webserver verschlüsselt alle Verbindungen, wenn Sie ein SSL Zertifikat aktiviert haben und reicht die Anfragen an den internen Apache Server weiter, welcher lokal auf dem Server Port 80 mit dem “http” Protokol arbeitet.

Wordpress und auch der Installer von Wordpress setzt nun die URL’s für Java Script und CSS nicht korrekt auf https, wenn die Domain mit einem aktiviertem SSL Zertifikat betrieben wird und eine entsprechende Regel zum beheben dieses Problems fehlt in der von Wordpress mitgelieferten .htaccess Datei. Der NGINX Proxy Server kann das Problem in diesem Moment auch nicht korrigieren und es führt zu diesem Problem in der Darstellung.

Wie löse Sie nun dieses Wordpress Problem?

Es gibt drei mehr oder weniger einfache Möglichkeiten, das Problem zu beheben.

1) NGINX für die Wordpress Domain verwenden
Verwenden Sie NGINX als Webserver und profitieren Sie von vielen weiteren Funktionen, die Ihr Wordpress deutlich beschleunigen können. Stellen Sie Ihre Domain wie folgt auf NGINX als Webserver um und aktivieren Sie die Einstellungen im WHF-Panel wie im folgenden dargestellt.

NGINX Wordpress Setup

Nach dem Speichern der Einstellungen können Sie die Installation von Wordpress wie vorgesehen ohne jegliche Schwierigkeiten durchführen. Das Problem ist einfach und schnell behoben.

2) APACHE Webserver weiter verwenden - Domain für die Installation auf HTTP umstellen
Deaktiveren Sie für die installation von Wordpress das SSL Zertifikat für Ihre Domain, sodaß diese nicht mehr per https, sondern nur noch per http erreichbar ist. Die Installation verläuft im folgenden problemlos und sie können sich bei Ihrem neu installieren Wordpress anmelden und dieses weiter einrichten.

Nach der Einrichtung laden Sie die wp-config.php Datei herunter und fügen in diese folgendes ein:

/*
Handle SSL reverse proxy
*/
if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
$_SERVER['HTTPS']='on';
if (isset($_SERVER['HTTP_X_FORWARDED_HOST'])) {
$_SERVER['HTTP_HOST'] = $_SERVER['HTTP_X_FORWARDED_HOST'];
}

Der Abschnitt in Ihrer wp-config.php Datei sieht nun wie unten dargestellt aus:

Wordpress Proxy fix

Speichern Sie die Datei und laden Sie diese wieder zurück auf den Webserver.

Ändern Sie im folgenden die die “WordPress-Adresse” und “Website-Adresse” im Wordpress Backend unter “Einstellungen -> Allgemein”. Fügen Sie dort dem http ein “s” hinzu, sodaß dieses zu https wird. Nun speichern Sie die Einstellungen. Wordpress wird nun vermutlich erst einmal nicht ereichbar sein, da ja HTTPS und somit das SSL Zertifikat deaktiviert wurde und die Anfragen ins leere laufen, aber keine Panik. Machen Sie die Einstellungen der Domain nun wieder rückgängig und aktivieren Sie das SSL Zertifikat wieder. Somit ist Ihre Domain auch wieder über HTTPS erreichbar und Wordpress sollte anschießen einwandfrei seinen Dienst verichten.

3) Führen Sie die Installation trotz Fehler in der Anzeige durch
Sie können die Installation auch mit der fehlerhaften Anzeige duchführen. auch wenn dies nicht schön aussieht und sich nicht richtig anfühlt. Nachdem die Datebankverbindung eingerichtet und die Installation abgeschlossen wurde, müssen Sie, wie auch bei der Apache Lösung oben, folgendes zu Ihrer wp-config.php Datei hinzufügen, damit der Betrieb hinter dem NGINX Proxy auch mit Wordpress einwandfrei läuft.

/*
Handle SSL reverse proxy
*/
if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')
$_SERVER['HTTPS']='on';
if (isset($_SERVER['HTTP_X_FORWARDED_HOST'])) {
$_SERVER['HTTP_HOST'] = $_SERVER['HTTP_X_FORWARDED_HOST'];
}

Ihre Wordpress sollte nun in jedem Fall einwandfrei funktionieren.

Etwas schade finden wir, das die Wordpress Entwickler diese Problem, welches schon seit Jahren besteht, einfach nicht gelöst bekommen und es so aussehen lassen, als würde es sich um ein Problem mit dem Server handeln. Ein einfaches auslesen der PHP Variable $_SERVER[‘HTTPS’] und das korrekte setzen der Verlinkung würde dieses nervige Problem nachhaltig lösen.


© Webhosting Franken

Diese Webseite verwendet Cookies nur zu absolut notwendigen Zwecken. Weitere Informationen finden Sie unter Datenschutz