Mit der Veröffentlichung von WordPress 6.2 hat WordPress endlich die Möglichkeit wiederhergestellt, benutzerdefiniertes CSS zu Ihrer Website hinzuzufügen! In diesem Hilfeartikel zeige ich Ihnen, wie Sie mit dieser neuesten Version von WordPress, der kostenlosen Open-Source-CMS-Plattform und dem Webdesigner, schnell benutzerdefiniertes CSS zu jeder Website hinzufügen können.

Diese Methode funktioniert auch mit neueren Versionen, einschließlich WordPress 6.3 und 6.4.

Inhaltsverzeichnis

Schritt 1: Navigieren Sie zum Site-Editor

Sie können über das auf die benutzerdefinierte CSS-Funktion zugreifen Site-Editor, wo Sie die bearbeiten Template und Vorlagenteile Ihrer Website. Im Site-Editor führen Sie das aus, was allgemein als „Vollständige Website-Bearbeitung."

Bewegen Sie im WordPress-Dashboard (der ersten Seite, zu der Sie nach der Anmeldung weitergeleitet werden) den Mauszeiger über den Menüpunkt „Darstellung“ und klicken Sie auf „Editor“ (roter Pfeil im Bild oben). Dadurch gelangen Sie zum Site-Editor.

Sobald Sie sich im Site-Editor befinden, können Sie auf eine beliebige Stelle auf der rechten Seite des Bildschirms klicken (der Bereich, in dem eine Vorschau Ihrer Website angezeigt wird – im Bild oben grün umrandet), um das Hauptmenü des Site-Editors aufzurufen.

Vereinfachter WordPress-Kurs: So erstellen Sie leistungsstarke Websites von Davies Media Design

Schritt 2: Rufen Sie das Menü „Stile“ auf

Klicken Sie im oberen Menü auf das Symbol „Stile“ (das Symbol ist ein halb schwarzer, halb weißer Kreis), um die Seitenleiste „Stile“ aufzurufen.

Schritt 3: Greifen Sie auf „Zusätzliches CSS“ zu

Klicken Sie oben in der Seitenleiste auf das Menü „Stilaktionen“ (das kleine Symbol mit den drei Punkten – roter Pfeil im Bild oben).

Klicken Sie im Dropdown-Menü auf die Option „Zusätzliches CSS“ (roter Pfeil).

Sie sehen nun ein langes Textfeld mit der Bezeichnung „Zusätzliches CSS“, in dem Sie Ihren benutzerdefinierten CSS-Code hinzufügen können (im Bild oben grün umrandet). Oben im Feld steht „Fügen Sie Ihr eigenes CSS hinzu, um das Erscheinungsbild und Layout Ihrer Website anzupassen“ (roter Pfeil). Außerdem sehen Sie einen Link, über den Sie mehr über die CSS-Codierung erfahren können, mit der Sie Elemente Ihrer WordPress-Site individuell gestalten können.

Nachdem Sie Ihr benutzerdefiniertes CSS hinzugefügt haben (grüner Pfeil), klicken Sie im oberen Menü auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern (roter Pfeil).

Das ist es! Sie wissen jetzt, wo Sie in WordPress 6.2 benutzerdefiniertes CSS zu Ihrer WordPress-Site hinzufügen können. Möchten Sie WordPress beherrschen? Sieh dir mein an WordPress-Meisterkurs auf Udemy!

Pin It auf Pinterest