WordPress-Backend wird ohne Styles geladen

Problem:

Das WordPress-Backend weist eine ungewöhnliche Darstellung auf, und sämtliche Styles, einschließlich Farben, Schaltflächen und Layouts, werden nicht korrekt angezeigt. Manchmal sieht es wie eine HMTL-Seite mit Verlinkungen untereinander aus.

Mögliche Ursachen:

1. Scripte im Adminbereich werden nicht korrekt geladen
2. Fehlende oder fehlerhafte CSS-Dateien
3. Cache-Probleme im Browser
4. Unzureichende Berechtigungen oder falsche Datei-/Ordnerrechte
5. Ein Plugin oder Theme verursacht Fehler
6. Falsche URL-Einstellungen in WordPress
7. Probleme mit CDN oder Firewall

Schritt-für-Schritt-Anleitung zur Fehlerbehebung:

1. Laden von Javascripten im Backend umstellen

Der Hauptfehler für eine fehlerhafte Anzeige im Backend von Wordpress wird durch Javascripte ausgelöst. Standardmäßig werden diese in einer einzigen Datei gebündelt geladen. Dabei kann es zu Problemen kommen und die Scripte werden nicht mehr korrekt ausgeführt.

Dieser Umstand lässt sich aber auch leicht beheben. Öffnen Sie die wp-config.php und fügen Sie folgende Zeile ein, damit die Scripte hintereinander geladen werden:

• define( 'CONCATENATE_SCRIPTS', false );

2. Seite neu laden (Hard Refresh)

Gelegentlich werden Dateien nicht ordnungsgemäß geladen. Ein erzwungener Reload kann Abhilfe schaffen:

• Windows: STRG + F5 oder STRG + Shift + R
• Mac: CMD + Shift + R

3. Cache und Cookies löschen

Wenn ein Reload nicht erfolgreich ist, löschen Sie den Browser-Cache:

• Google Chrome: Drücken Sie STRG + Shift + Entf → Wählen Sie "Bilder und Dateien im Cache" → "Daten löschen"
• Firefox: STRG + Shift + Entf → "Zwischengespeicherte Webinhalte" löschen
• Safari: Einstellungen > Datenschutz > Alle Websitedaten entfernen

4. Überprüfen, ob die CSS-Dateien geladen werden

• Rechtsklick auf die Seite → "Untersuchen" oder "Element untersuchen"
• Wechseln Sie zum "Netzwerk"-Tab und filtern Sie nach "CSS".
• Falls einige Dateien mit einem roten Fehler angezeigt werden, ist dies die Ursache des Problems.

In diesem Fall:

1. Cache-Plugin deaktivieren (z. B. WP Rocket, WP Super Cache)
2. Theme oder Plugin aktualisieren
3. Neues CSS-File hochladen (siehe Schritt 6)

5. Alle Plugins deaktivieren

• Gehen Sie in das WordPress-Dashboard unter "Plugins".
• Deaktivieren Sie alle Plugins.
• Falls das Backend danach normal aussieht, war eines der Plugins verantwortlich.
• Aktivieren Sie sie nacheinander, um den Verursacher zu identifizieren.

Alternativ: Wenn Sie das Dashboard nicht nutzen können, deaktivieren Sie alle Plugins über FTP:

• Verbinden Sie sich per FTP (z. B. mit FileZilla) mit Ihrem Server.
• Navigieren Sie zu wp-content/plugins/ und benennen Sie den Ordner um (z. B. "plugins_old").

6. Theme wechseln

Falls ein fehlerhaftes Theme die Ursache ist:

• Gehen Sie zu Design > Themes und aktivieren Sie ein Standard-Theme (z. B. "Twenty Twenty-Four").
• Falls das Problem dann behoben ist, liegt es am vorherigen Theme.

Wenn Sie nicht ins Backend gelangen:

• Wechseln Sie per FTP in wp-content/themes/ und benennen Sie das aktuelle Theme um.

7. Datei- und Ordnerrechte überprüfen

Falls CSS-Dateien blockiert sind:

• Öffnen Sie den FTP-Zugang
• Setzen Sie die Rechte für wp-content auf 755 und für Dateien auf 644

8. WordPress-URLs kontrollieren

Wenn die URLs nicht korrekt sind:

1. Gehen Sie zu Einstellungen > Allgemein
2. Überprüfen Sie die Einträge bei WordPress-Adresse (URL) und Website-Adresse (URL)
3. Falls HTTP anstelle von HTTPS angegeben ist oder eine falsche Domain angezeigt wird, ändern Sie dies.

Falls kein Zugriff auf das Backend besteht:

• Öffnen Sie über FTP die Datei wp-config.php

• Fügen Sie folgenden Code ein:

  define('WP_HOME','https://deine-domain.de'); 

  define('WP_SITEURL','https://deine-domain.de');

9. CDN oder Firewall testen

Wenn Sie ein CDN (z. B. Cloudflare) oder eine Firewall verwenden:

• Versuchen Sie, das CDN temporär zu deaktivieren.
• Falls dies hilfreich ist, liegt das Problem an einer blockierten Datei.

10. WordPress-Kerndateien neu hochladen

Wenn alle vorherigen Maßnahmen nicht erfolgreich waren:

1. Laden Sie die neueste WordPress-Version von wordpress.org herunter.
2. Entpacken Sie die Dateien auf Ihrem PC.
3. Laden Sie alles außer "wp-content" per FTP hoch und überschreiben Sie die bestehenden Dateien.