Wie man kaputtes CSS im WordPress-Admin-Dashboard behebt
Das Erleben von kaputtem CSS im WordPress-Admin-Dashboard kann frustrierend sein, da es die Benutzeroberfläche stört und die Verwaltung der Website behindert. Hier ist eine umfassende Anleitung, um das Problem zu identifizieren und zu beheben:
Plugin-Konflikte identifizieren
Plugins können manchmal das CSS im Admin-Bereich beeinträchtigen. Um herauszufinden, ob ein Plugin das Problem verursacht:
Alle Plugins deaktivieren: Navigieren Sie zum Abschnitt „Plugins“ im WordPress-Dashboard, wählen Sie alle Plugins aus, wählen Sie „Deaktivieren“ im Dropdown-Menü der Massenaktionen und klicken Sie auf „Anwenden“. Aktualisieren Sie den Admin-Bereich, um zu sehen, ob das Problem weiterhin besteht.
Plugins einzeln reaktivieren: Aktivieren Sie jedes Plugin einzeln und aktualisieren Sie den Admin-Bereich nach jeder Aktivierung, um das problematische Plugin zu identifizieren.
Problematisches Plugin aktualisieren oder ersetzen: Wenn ein bestimmtes Plugin das Problem verursacht, überprüfen Sie, ob Updates verfügbar sind, oder suchen Sie nach einer Alternative.
Sicherstellen, dass Inhalte sicher geladen werden
Gemischte Inhalte treten auf, wenn Ihre Website HTTPS verwendet, aber einige Ressourcen über HTTP geladen werden, was dazu führt, dass Browser diese Ressourcen blockieren. So beheben Sie das Problem:
WordPress-URL-Einstellungen überprüfen: Gehen Sie zu „Einstellungen“ > „Allgemein“ im Dashboard und stellen Sie sicher, dass sowohl die „WordPress-Adresse (URL)“ als auch die „Seiten-Adresse (URL)“ mit HTTPS beginnen.
HTTPS in wp-config.php erzwingen: Fügen Sie den folgenden Code in Ihre wp-config.php-Datei ein, um HTTPS zu erzwingen:
define('FORCE_SSL_ADMIN', true);
if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false) {
$_SERVER['HTTPS'] = 'on';
}
SSL-Plugins verwenden: Nutzen Sie Plugins wie Really Simple SSL, um die SSL-Einstellungen zu verwalten.
Themeninterferenzen überprüfen
Ihr aktives Theme könnte das CSS im Admin-Bereich beeinflussen. Um dies zu testen:
Auf ein Standard-Theme wechseln: Gehen Sie zu „Design“ > „Themes“ und aktivieren Sie ein Standard-WordPress-Theme wie Twenty Twenty-Four. Wenn das Problem behoben ist, liegt das Problem an Ihrem vorherigen Theme.
Theme aktualisieren oder ändern: Stellen Sie sicher, dass Ihr Theme auf dem neuesten Stand ist. Wenn das Problem weiterhin besteht, überprüfen Sie kürzliche Änderungen oder konsultieren Sie den Theme-Entwickler.
Caches leeren
Zwischengespeicherte Daten können dazu führen, dass veraltetes CSS geladen wird. Um dies zu beheben:
Browser-Cache leeren: Greifen Sie auf die Einstellungen Ihres Browsers zu, um zwischengespeicherte Daten zu löschen.
WordPress-Cache löschen: Wenn Sie Caching-Plugins wie WP Super Cache oder W3 Total Cache verwenden, löschen Sie den Cache über deren Einstellungen.
CDN-Probleme beheben
Ein Content Delivery Network (CDN) könnte veraltete CSS-Dateien bereitstellen. Um dies zu beheben:
CDN-Cache löschen: Melden Sie sich beim Dashboard Ihres CDN-Anbieters an und löschen Sie den Cache.
CDN-Einstellungen überprüfen: Stellen Sie sicher, dass das CDN korrekt konfiguriert ist, um die neuesten Versionen Ihrer CSS-Dateien bereitzustellen.
Dateiberechtigungen korrigieren
Falsche Dateiberechtigungen können das Laden von CSS-Dateien verhindern. Um dies zu überprüfen:
Zugriff über FTP: Verwenden Sie einen FTP-Client, um eine Verbindung zu Ihrem Server herzustellen und zum WordPress-Verzeichnis zu navigieren.
Angemessene Berechtigungen festlegen: Stellen Sie sicher, dass Verzeichnisse 755-Berechtigungen und Dateien 644-Berechtigungen haben. Passen Sie diese bei Bedarf an.
Beschädigte Dateien reparieren
Beschädigte CSS-Dateien können zu Anzeigeproblemen führen. Um dies zu beheben:
Kern-Dateien neu hochladen: Laden Sie eine frische Kopie von WordPress herunter und ersetzen Sie die Verzeichnisse wp-admin und wp-includes über FTP.
Aus Backup wiederherstellen: Wenn Sie aktuelle Backups haben, stellen Sie die betroffenen Dateien wieder her.
Browser-Erweiterungen überprüfen
Browser-Erweiterungen, insbesondere solche, die Inhalte blockieren, können das CSS beeinträchtigen. Um dies zu testen:
Erweiterungen deaktivieren: Deaktivieren Sie vorübergehend alle Browser-Erweiterungen und überprüfen Sie den Admin-Bereich.
Inkognito-Modus verwenden: Öffnen Sie das Admin-Dashboard im Inkognito- oder privaten Modus, der Erweiterungen normalerweise standardmäßig deaktiviert.
Durch systematisches Befolgen dieser Schritte können Sie das Problem mit kaputtem CSS im WordPress-Admin-Dashboard identifizieren und beheben und die ordnungsgemäße Funktionalität wiederherstellen.