Probieren Sie CSS Hero

Hinzufügen von benutzerdefiniertem WordPress-CSS mit einem Child-Theme

Eine weitere Möglichkeit besteht darin, ein WordPress-Child-Theme zu erstellen. Damit können Sie das übergeordnete Theme ändern, ohne Gefahr zu laufen, Ihre Live-Site zu beschädigen.

Wenn Sie sich noch nicht sicher sind, was Sie tun möchten, können Sie Ihr benutzerdefiniertes CSS zunächst in einem Child-Theme testen. So können Sie nach Herzenslust experimentieren.

Fehlerbehebung bei häufigen Problemen mit benutzerdefiniertem WordPress-CSS

Beim Hinzufügen von benutzerdefiniertem CSS zu WordPress kann es manchmal zu kleineren Problemen kommen. Hier ein kurzer Überblick über einige der häufigsten Probleme und deren Lösung.

Änderungen werden nicht dargestellt

Das benutzerdefinierte CSS von WordPress kann aufgrund des Caches nicht angezeigt werden.

Wenn Sie ein Plugin für den Cache Ihrer Website verwenden, ist es sehr wahrscheinlich, dass einige Ressourcen zwischengespeichert und aus dem Cache geliefert werden, um die Geschwindigkeit zu erhöhen und den Ressourcenverbrauch zu reduzieren. Löschen Sie einfach Ihren WordPress-Cache oder deaktivieren Sie solche Plugins vorübergehend.

Stellen Sie sicher, dass Sie den Cache Ihres Browsers leeren, bevor Sie Änderungen vornehmen, insbesondere wenn Sie das Caching aktivieren.

Der Cache-Manager im hPanel

Schließlich bieten einige Webhosting-Provider, wie z.B. Hostinger, ein serverseitiges integriertes Caching an, um die Leistung Ihrer WordPress-Website zu verbessern. Dieses können Sie über den Cache-Manager in Ihrem hPanel deaktivieren.

Falsch geschriebene CSS-Syntax

Rechtschreibfehler sind leicht zu übersehen und können oft dazu führen, dass das benutzerdefinierte CSS von WordPress nicht korrekt angezeigt wird. Wenn keine Änderungen angezeigt werden und Sie sicher sind, dass die Änderungen nicht im Cache gespeichert wurden, kann die Verwendung eines CSS-Validators sehr hilfreich sein. Fügen Sie einfach Ihr CSS ein und starten Sie das Tool. Es zeigt Ihnen alle Fehler oder Tippfehler an und sagt Ihnen sogar, in welcher Zeile sie sich befinden.

Zu viele Auswahlmöglichkeiten

Manchmal kann man es mit dem benutzerdefinierten CSS von WordPress etwas übertreiben. Das Hinzufügen von zwei oder mehr Verweisen zu einem Selektor kann zu Konflikten führen.

Dies ist oft der Fall, wenn man ein neues Stylesheet zusätzlich zu einem bestehenden aufruft. Wenn Sie versuchen, die H2-Überschrift zu ändern, aber nichts passiert, überprüfen Sie das Stylesheet für die vorhandenen Einträge.

Keine Ideen mehr

Es ist nicht wirklich ein Problem, aber oft ist das Schwierigste herauszufinden, welches benutzerdefinierte CSS man in WordPress verwenden möchte. Das kann eine Menge Kopfzerbrechen bereiten, da Sie eine Vielzahl von Elementen berücksichtigen müssen.