So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

WordPress bietet seinen Benutzern einige coole Funktionen. Kürzlich bat uns einer unserer Benutzer, die Seitenleiste seiner Website zu ändern. Das war einfach, aber das Problem trat auf, als der Benutzer keine Editoroption zum Bearbeiten des Stylesheets fand.

Nun, Sie sollten wissen, dass Sie zum Ändern des Designs Ihrer Website benutzerdefiniertes CSS benötigen, um den vorhandenen Designcode im WordPress-Theme zu überschreiben.

Die meisten Leute sind verwirrt, wenn sie den Code-Editor nicht sehen, der aus Sicherheitsgründen möglicherweise nicht verfügbar ist.

In diesem Tutorial lernen Sie verschiedene Möglichkeiten kennen, benutzerdefiniertes CSS zu Ihrer WordPress-Website hinzuzufügen . Jeder weiß, dass WordPress seinen integrierten Customizer bietet, aber die Leute vernachlässigen ihn.

Einige Webentwickler glauben möglicherweise an die Bearbeitung der Kern-Stylesheet-Datei. Nun, wenn Sie benutzerdefiniertes CSS hinzufügen möchten, müssen Sie es an einer anderen Stelle als der ursprünglichen CSS-Datei hinzufügen.

Ich werde auch die Vorgehensweise zum Bearbeiten der Hauptdatei „style.css“ mit cPanel erläutern.

Verwenden Sie den integrierten Customizer

WordPress überrascht seine Leser immer wieder. Wenn Sie ein wenig mit dem WordPress-Admin-Panel herumspielen, werden Sie schnell eine Option zum Hinzufügen eines zusätzlichen CSS entdecken.

Wenn nicht, befolgen Sie diese Schritte.

Schritt 1

Gehen Sie zu „Darstellung“  und klicken Sie auf die Option „Anpassen  “.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Schritt 2

Sie können viele Optionen zum Aktualisieren der Einstellungen Ihrer Website sehen. Das Beste daran ist, dass Sie die Startseite Ihrer Website sehen können.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Wenn Sie nach unten scrollen, sehen Sie die Option „Zusätzliches CSS“.  Klicken Sie zum Öffnen.

Schritt 3

Wenn Sie noch kein benutzerdefiniertes CSS hinzugefügt haben, wird eine Meldung angezeigt, die Ihnen eine Vorstellung von CSS und dessen Verwendung gibt.

Schließen Sie es und sehen Sie ein Feld zum Hinzufügen Ihres CSS, um ein bestimmtes Element Ihrer Website zu ändern. Sie können die Live-Demo des von Ihnen hinzugefügten Codes sehen.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Klicken Sie nach dem letzten Handgriff  oben links auf „Veröffentlichen“ . Ihr Design wird gespeichert.

Verwenden Sie ein WordPress-Plugin, um benutzerdefiniertes CSS hinzuzufügen

Zweifellos sind Plugins die Retter von Millionen von WordPress-Benutzern, weil Nicht-Techniker etwas Benutzerfreundliches wollen, bei dem sie den Code kopieren und einfügen können.

Folge den Schritten.

Schritt 1

Gehen Sie zu Plugins>>Neu hinzufügen  und suchen Sie nach dem Plugin „Simple Custom CSS“  . Sobald Sie es gefunden haben, klicken Sie auf „ Installieren“  und aktivieren Sie es.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Stellen Sie sicher; Sie löschen den Website- und Browser-Cache nach der Aktivierung des Plugins.

Schritt 2

Gehen Sie nach der Aktivierung zu Erscheinungsbild>>Benutzerdefiniertes CSS . Auf dieser Seite wird ein Feld zum Hinzufügen von benutzerdefiniertem CSS angezeigt.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Fügen Sie den kopierten Code ein und klicken Sie auf die  Schaltfläche „Benutzerdefiniertes CSS aktualisieren“ .

Ist das nicht einfach?

Herzlichen Glückwunsch, Sie haben zwei verschiedene Möglichkeiten kennengelernt, benutzerdefiniertes CSS über Ihr WordPress-Admin-Panel hinzuzufügen. Jetzt müssen Sie die cPanel-Methode erlernen.

Verwenden Sie cPanel, um die Haupt-CSS-Datei zu bearbeiten

Möglicherweise haben Sie bereits einen Artikel zum Bearbeiten des Stylesheets mit cPanel gelesen. Wenn nicht, behalten Sie hier ein Auge.

Um das Design einer WordPress-Website zu ändern, müssen Sie die style.css- Datei ihres Themes bearbeiten  und wissen, wo sie sich befindet.

Sie müssen den Dateimanager >>public_html>>wp-content>>themes>>theme name öffnen  und nach style.css suchen.

Der Speicherort kann je nach verwendetem WordPress-Theme variieren. In den meisten Themes finden Sie die Datei style.css im Hauptordner, einige Webentwickler/Designer bevorzugen jedoch einen anderen CSS-Ordner.

So fügen Sie Ihrer WordPress-Website auf verschiedene Weise benutzerdefiniertes CSS hinzu

Sobald Sie die Datei gefunden haben, klicken Sie mit der rechten Maustaste,  um sie zu bearbeiten.

Es erscheint eine neue Registerkarte, in der Sie Ihr benutzerdefiniertes CSS hinzufügen können.

HINWEIS: Ich hoffe, Sie wissen, was Sie tun.

Es ist wichtig, Ihre gesamte Website und ihre Datenbank zu sichern, bevor Sie Änderungen vornehmen.

Welche Methode ist die einfachste?

Jeder hat eine andere Wahl, um die gleiche Aufgabe zu erfüllen. Die meisten Menschen entscheiden sich möglicherweise für die Verwendung des integrierten WordPress-Customizers, einige denken jedoch möglicherweise über die Verwendung eines Plugins nach.

Nun, wenn Sie etwas ohne ein Plugin erreichen können, sollten Sie die Verwendung eines Plugins vermeiden.

Möglicherweise haben Sie keinen Zugriff auf Ihr WordPress-Admin-Panel. In einer solchen Situation müssen Sie über cPanel auf die Stylesheet-Datei zugreifen.

Abschluss

Sie sollten wissen, dass eine kleine CSS-Änderung das Layout Ihrer gesamten Website zerstören kann. Es ist wichtig, dies zu verstehen, bevor Sie etwas unternehmen.

Ich erinnere mich, dass ich meine Website kaputt gemacht habe, indem ich einen CSS-Code kopiert und eingefügt habe. Sie sollten den CSS-Code verstehen, den Sie verwenden werden. Halten Sie immer das Backup bereit.

Schauen Sie sich diese Top 3 WordPress-Hosting-Dienste an:

A2-Hosting
4.7

1.886 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie A2 Hosting

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.5
  • Unterstützung
    4,0
  • Merkmale
    4.5
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4,0
Hostinger
4.6

2.435 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie Hostinger

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.7
  • Unterstützung
    4.7
  • Merkmale
    4.8
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4.7
HostArmada
5,0

716 Benutzerbewertungen

2,49 $ /Monat
Startpreis

Besuchen Sie HostArmada

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.5
  • Unterstützung
    4.5
  • Merkmale
    4.5
  • Zuverlässigkeit
    4.5
  • Preisgestaltung
    4,0
  • Benötigen Sie das beste WordPress-Hosting ? Schauen Sie sich unsere Empfehlungen an, indem Sie hier klicken.