Es gibt verschiedene Möglichkeiten, CSS zu einer einseitigen WordPress-Site hinzuzufügen:
1. Verwenden Sie den WordPress Customizer. Mit dem WordPress Customizer können Sie das Erscheinungsbild Ihrer Website bearbeiten, einschließlich des Hinzufügens von benutzerdefiniertem CSS. Um auf den Customizer zuzugreifen, gehen Sie zu „Darstellung“> „Anpassen“. Klicken Sie im Customizer auf die Option „Zusätzliches CSS“. Hier können Sie Ihren benutzerdefinierten CSS-Code eingeben.
2. Erstellen Sie eine benutzerdefinierte CSS-Datei. Sie können eine CSS-Datei erstellen und diese in das Verzeichnis Ihres untergeordneten Themes hochladen. Erstellen Sie dazu eine neue Datei mit dem Namen style.css und speichern Sie sie im Verzeichnis /child-theme-name/css/. Fügen Sie dann Ihren benutzerdefinierten CSS-Code zur Datei style.css hinzu.
3. Verwenden Sie ein CSS-Plugin. Es gibt eine Reihe von CSS-Plugins, die Ihnen beim Hinzufügen von CSS-Code zu Ihrer Website helfen können. Einige beliebte Plugins sind:
- Einfaches benutzerdefiniertes CSS:Mit diesem Plugin können Sie Ihrer Website benutzerdefinierten CSS-Code hinzufügen, ohne Dateien bearbeiten zu müssen.
- WP Add Custom CSS:Dieses Plugin bietet eine Reihe von Funktionen zum Hinzufügen von benutzerdefiniertem CSS, einschließlich der Möglichkeit auszuwählen, auf welche Seiten oder Beiträge Ihr CSS-Code angewendet werden soll.
- Benutzerdefiniertes CSS und JS:Mit diesem Plugin können Sie Ihrer Website benutzerdefinierten CSS- und JavaScript-Code hinzufügen.
Sobald Sie Ihren CSS-Code hinzugefügt haben, können Sie eine Vorschau Ihrer Änderungen im Customizer oder durch Aktualisieren der Seiten Ihrer Website anzeigen.
Hier sind einige Tipps zum Hinzufügen von CSS zu Ihrer einseitigen WordPress-Site:
- Verwenden Sie Medienabfragen, um Ihren CSS-Code responsiv zu gestalten. Dadurch wird sichergestellt, dass Ihre Website auf verschiedenen Geräten optimal aussieht.
- Achten Sie darauf, nicht zu viel CSS-Code hinzuzufügen. Dies kann die Ladezeit Ihrer Website verlangsamen.
- Verwenden Sie ein Plugin wie Simple Custom CSS oder WP Add Custom CSS, um die Verwaltung Ihres benutzerdefinierten CSS-Codes zu vereinfachen.
- Testen Sie Ihre Änderungen im Customizer, bevor Sie sie auf Ihrer Website veröffentlichen.