Probleme beim Laden von CSS aus Plugins und WordPress-Themes können aus vielen Gründen auftreten. Daher ist es unmöglich, eine Lösung bereitzustellen, die alle Situationen abdeckt. Auf jeden Fall werden wir in diesem Artikel über die häufigsten Fehler sprechen, für die das CSS in WordPress nicht geladen wird, und gleichzeitig darüber, wie wir vorgehen sollten, um mögliche Fehler in Designs und Plugins zu erkennen und zu beheben.
Zuerst rufen wir die Seite auf, auf der der CSS-Code geladen werden soll, und untersuchen den Quellcode, um zu überprüfen, ob die CSS-Datei tatsächlich angefordert wird. Verwenden Sie dazu einen HTML-Code ähnlich dem Folgenden:
<link rel="stylesheet" href="https://www.vozidea.com/wp-content/themes/TechnoWikis_res/style.css" type="text/css" media='all' />
CSS-Fehler in WordPress durch schlechte PHP-Programmierung.
Wenn wir den Quellcode untersuchen, sehen wir keinen HTML-Code, der dem vorherigen ähnlich ist, und die CSS-Stylesheet-Datei wird nicht eingeschlossen. Bei Themes sind CSS-Dateien hauptsächlich in den Betreff-Headern enthalten. Es empfiehlt sich daher, die Datei header.php unseres WordPress-Themes zu lesen.
Zweitens sollten wir die PHP-Dateien überprüfen, die eine der folgenden Funktionen verwenden: wp_register_style() , wp_enqueue_style() , bloginfo('stylesheet_url') , get_stylesheet_uri() , get_stylesheet_directory() und get_stylesheet_directory_uri() .
Diese Funktionen dienen dazu, auf die CSS-Stylesheets zuzugreifen und sie in die Themes oder Plugins aufzunehmen. Wenn also ein Fehler programmiert wird, liegt das Problem wahrscheinlich an einer falschen Verwendung dieser Funktionen. Diese Funktionen sollten im Plugin oder Thema gesucht werden, da wir vermuten, wo das Problem liegt.
In vielen Fällen hat der Fehler seinen Ursprung in WordPress-Designs, da viele benutzerdefinierte Designs nicht den in der WordPress-Dokumentation selbst festgelegten Programmierempfehlungen entsprechen. Diese Situation ist leicht zu diagnostizieren, da wir den Ursprung des Problems bereits kennen, wenn ein Plugin mit einem der in WordPress enthaltenen Standardthemen, jedoch nicht mit unserem benutzerdefinierten Thema funktioniert.
Auf die CSS-Datei kann zugegriffen werden und sie wird korrekt geladen, die CSS-Stile werden jedoch nicht angewendet.
Aus meiner Erfahrung habe ich herausgefunden, dass der Fehler auf der Tatsache beruht, dass das benutzerdefinierte body_class() die obligatorischen Funktionen body_class() oder post_class() , die Entwicklern eine “feinere” Anpassung von CSS-Stylesheets ermöglichen .
Ich habe dieses Problem regelmäßig bei Kunden festgestellt, die das Plugin für soziale Schaltflächen von Monarch (Elegante Designs) verwenden wollten und bei ihren benutzerdefinierten Designs nicht ordnungsgemäß funktionierten. Im Fall von Monarch wurde die CSS-Datei korrekt geladen, die Stilklasse war jedoch nicht im <body> -Tag enthalten Das CSS konnte also nicht funktionieren.
Auf die CSS-Datei kann über den Browser nicht zugegriffen werden.
Eine andere Option ist, dass auf die CSS-Datei nicht zugegriffen werden kann und sie nicht richtig geladen wird. Als Erstes versuchen Sie, über den Browser auf die URL der CSS-Datei zuzugreifen, um zu überprüfen, ob sie geladen wird oder ob sie einen Fehler zurückgibt. Wenn wir das vorherige Beispiel verwenden, lautet die URL: https://www.vozidea.com/wp-content/themes/TechnoWikis_res/style.css
Im Browser selbst können wir sehen, ob auf die CSS-Datei zugegriffen werden kann oder ob ein Fehler zurückgegeben wird. Wenn Sie uns mitteilen, dass die Datei nicht vorhanden ist (HTTP 404 – Datei nicht gefunden) , müssen wir über FTP (oder eine andere Möglichkeit, die Ordner unseres Servers zu durchsuchen) überprüfen, ob die CSS-Datei tatsächlich vorhanden ist.
Wenn die CSS-Datei trotz der vorherigen Überprüfung auf unserem Server vorhanden ist, liegt der Fehler möglicherweise an der Serverkonfiguration (unzureichende Berechtigungen, .htaccess-Anweisungen usw.) oder es gibt sogar Fälle, in denen das Problem darauf zurückzuführen ist Einige Cache-Plugins , daher ist es auch ratsam, sie zu deaktivieren, um das Problem richtig zu diagnostizieren.
Letzte Überlegungen, um die Probleme beim Laden von CSS aus Plugins und WordPress-Themes zu lösen.
Bisher kann ich im Allgemeinen helfen, die Probleme beim Laden der CSS-Dateien zu lösen, da die Möglichkeiten endlos sind. Das Beste ist jedoch, den Fehler einzugrenzen, indem Sie Plugins aktivieren / deaktivieren, den Betreff ändern oder die Serverkonfiguration ändern, um dorthin zu gelangen am Ursprung des Problems und in der Lage sein, es zu lösen .