So bearbeiten Sie WordPress CSS

Nach dem Lesen dieses Tutorials können Sie die WordPress -CSS -Anpassung problemlos implementieren. Die Methoden zum Bearbeiten von CSS können von einem Thema zu einem anderen variieren. Daher umfassen die beschriebenen Techniken das Bearbeiten von Code mit der zusätzlichen CSS -Option, das Bearbeiten des Codes aus dem Themeneditor und Verwendung von Plugins.

Alle in diesem Tutorial erläuterten Anweisungen enthalten Screenshots, die es allen Benutzern leicht erleichtern, ihnen zu folgen.

Wichtig: Dies ist kein CSS -Codierungs -Tutorial, sondern ein Tutorial, das Ihnen zeigt, wie Sie benutzerdefinierte CSS in WordPress hinzufügen. Das Tutorial richtet sich an Benutzer mit einer grundlegenden Idee der CSS -Programmierung. Im letzten Abschnitt finden Sie jedoch ein Plugin, mit dem Sie CSS visuell bearbeiten können.

Bearbeiten von CSS aus dem WordPress -Anpassungsbildschirm (zusätzliche CSS):

Die erste in diesem Tutorial erläuterte Methode ist die konventionellste: Bearbeitung von WordPress -CSS aus dem zusätzlichen CSS.

Wenn Sie das CSS mit dieser Technik bearbeiten, bleibt Ihre Ausgabe auch nach dem Aktualisieren Ihres Themas, ohne dass ein Kinderthema benötigt wird (dennoch wird immer ein Kinderthema empfohlen). Natürlich wird diese Ausgabe entfernt, wenn Sie Ihr Thema ändern.

Melden Sie sich zunächst bei Ihrem WordPress -Dashboard an und verschieben Sie Ihren Mauszeiger über das linke Menü Aussehen und drücken Sie die Anpassen Option wie im Screenshot unten gezeigt (Aussehen> Anpassen).

Sobald Sie im Anpassungsbildschirm mit einer Live -Vorschau Ihrer Website im linken Menü nach unten scrollen, um die zusätzliche CSS -Taste zu finden, und sie drücken.

Sie sehen ein leeres Feld, in dem Sie Ihren Code eingeben können. Sie können Ihre Website CSS bearbeiten.

Sobald Sie beendet haben, Ihre CSS zu bearbeiten, drücken Sie die Veröffentlichen Taste, um Änderungen anzuwenden.

So bearbeiten Sie CSS aus dem WordPress -Dashboard:

Sie können Ihre CSS auch bearbeiten, indem Sie die ändern .CSS -Dateien über den Theme -Editor.

Bei Verwendung dieser Technik ist es besser, ein untergeordnetes Thema zu verwenden und eine Sicherung Ihrer Dateien zu speichern.

Melden Sie sich zunächst bei Ihrem WordPress -Dashboard an und verschieben Sie Ihren Mauszeiger über das linke Menü Aussehen und dann drücken Sie Themendatei -Editor Wie im folgenden Bild gezeigt (Aussehen> Themendatei Editor).

Auf der rechten Spalte (Themendateien) Suchen Sie die CSS -Datei, die Sie bearbeiten möchten. Einige Themen enthalten eine Datei namens Custom.CSS; Wenn Ihr Thema diese Datei enthält, müssen Sie Ihren benutzerdefinierten CSS -Code platzieren. Bearbeiten Sie ansonsten die verfügbare CSS -Datei entsprechend Ihrem Bedarf.

Denken Sie nach dem bearbeiteten Beweis, den Drücken des Drückens der Aktualisieren Dateischaltfläche, um Änderungen anzuwenden.

So bearbeiten Sie Ihre Themendateien aus dem Dashboard. Natürlich können Sie die Dateien auch über einen FTP -Client wie FileZilla aktualisieren.

So bearbeiten Sie WordPress CSS mit einem Plugin:

In diesem Abschnitt wird angezeigt, wie Sie Ihr WordPress -CSS mit einem Plugin bearbeiten. In einigen Fällen kann ein Thema CSS standardmäßig nicht unterstützen. In solchen Fällen kann ein Plugin helfen.

Melden Sie sich zunächst bei Ihrem WordPress -Dashboard an und verschieben Sie Ihren Mauszeiger über das linke Menü Aussehen und dann drücken Sie die Neue hinzufügen Möglichkeit (Plugins> Neu hinzufügen).

Verwenden Sie im Bildschirm "Plugins InstallationCSS -Editor”. Wenn verfügbare Plugins angezeigt werden, drücken Sie die Jetzt installieren Taste der SiteOrigin CSS Plugin, wie im Screenshot unten gezeigt.

Nach der Installation drücken Sie die aktivieren Sie Taste, um das Plugin zu aktivieren.

Drücken Sie nach dem Installieren des Plugins im Menü mit dem linken Armaturenbrett Aussehen und dann drücken Sie Benutzerdefinierte CSS (Aussehen> Benutzerdefinierte CSS).

Sie sehen eine leere Box, in der Sie Ihren CSS -Code hinzufügen können. Nachdem Sie Ihren CSS -Code bearbeitet haben, drücken Sie die CSS speichern Taste, um Änderungen anzuwenden.

So können Sie Ihren CSS -Code mit einem Plugin in WordPress bearbeiten.

Es gibt alternative Plugins, die Sie verwenden können:

• Blöcke CSS: CSS -Editor für Gutenberg -Blöcke: Mit diesem Plugin können Sie CSS -Blöcke aus dem Editor von Gutenberg Blocks bearbeiten.
• Visual CSS Style Editor: Mit diesem Plugin können Sie Ihr benutzerdefiniertes CSS ohne Codierung hinzufügen. Sie können Elemente visuell bearbeiten, indem Sie auf sie klicken, einschließlich Farben, Größen, Positionen, Schriftarten usw.
• Einfache CSS: Dieser CSS -Editor enthält eine Live -Vorschau im Customizer. Sie können benutzerdefinierte CSS auf bestimmte Beiträge oder Seiten über ein Metabox anwenden.
• Advanced CSS -Editor: Mit diesem Plugin können Sie mit dem Live Customizer verschiedene benutzerdefinierte CSS -Codes für verschiedene Geräte (Computer, Mobilgeräte und Tablets) hinzufügen. Mit dem Plugin können Sie auch Ihr CSS minifieren und es für Suchmaschinen (SEO) optimieren (SEO).
• Custom CSS Pro: Dieser CSS-Editor enthält auch eine Echtzeit-Live-Vorschau über eine einfache Benutzeroberfläche.
• Einfache benutzerdefinierte CSS und JS: Mit diesem Tutorial können Sie sowohl benutzerdefinierte CSS als auch JS hinzufügen. Dieses Plugin ändert Ihre Themendateien nicht und ermöglicht es Ihnen, Ihren Code zu exportieren und ihn auch nach der Änderung Ihres Themas beizubehalten.

Sie können alle oben genannten Plugins installieren, indem Sie ihren Namen auf dem Suchfeld auf dem Bildschirm "Plugins" eingeben.

Abschluss:

Wie Sie in den obigen Anweisungen sehen können, ist das Bearbeiten oder Hinzufügen Ihres benutzerdefinierten WordPress -CSS -Codes ziemlich einfach und kann von jedem Benutzer durchgeführt werden, indem einige Schritte wie zuvor beschrieben durchgeführt werden.
Benutzer müssen bei der Bearbeitung von CSS berücksichtigen, dass sich der benutzerdefinierte Code auf die Leistung der Website auswirken kann. Das Minimieren des CSS -Codes ist immer eine gute Praxis, und es gibt zusätzliche Plugins, die Sie automatisch für Sie tun können.

Benutzer können immer das benutzerdefinierte hinzugefügte CSS entfernen, aber wenn es über das Dashboard erfolgt Themenausgabe Option wird empfohlen, eine Sicherung der Datei zum Bearbeiten zu erstellen.

Denken Sie daran, dass ein Themen -Update Ihre Änderungen umschreiben kann, immer versuchen, das zu finden Brauch.CSS Datei bei vorhanden.

Dieser Artikel enthält eine Liste von Plugins, die Sie verwenden können. Der Markt bietet zusätzliche Plugins, die nicht erwähnt wurden, und Sie können erkunden, bis Sie diejenigen finden, die Ihren Anforderungen entspricht.

Vielen Dank, dass Sie diesen Artikel gelesen haben, um zu erklären, wie Sie WordPress CSS bearbeiten können. Ich hoffe es war nützlich. Folgen Sie LinuxHint weiter, um weitere WordPress -Tutorials und Tipps zu erhalten.