Springe zum Hauptinhalt

5 WordPress-Plugins zum visuellen Bearbeiten von CSS

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 600.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Das Anpassen mit einer Echtzeitvorschau in Ihrem Blog ist viel einfacher und befriedigender, wenn Sie die Möglichkeit haben, die verschiedenen Änderungen zu sehen, sobald Sie sie vornehmen. Die beste Möglichkeit, Änderungen in Echtzeit umzusetzen, ist natürlich die Verwendung eines Plugins.

CSS-Anpassung ist eine Funktion, die von mehreren Plugins angeboten wird WordPress.org. Wenn Sie nach einem Plugin suchen, das ein Stylesheet generiert (CSS), stehen Ihnen mehrere Möglichkeiten zur Verfügung. Obwohl es viele Plugins gibt, mit denen Sie benutzerdefiniertes CSS erstellen können, gibt es nur sehr wenige Optionen, mit denen Sie CSS-Code in Echtzeit bearbeiten können.

Nachdem ich das Plugins-Verzeichnis durchsucht hatte, um eine Lösung für dieses Problem zu finden, gelang es mir, einige seltene Edelsteine ​​zu finden, die unsere Aufmerksamkeit verdienen.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren

Dann zurück zu warum wir hier sind.

1. Gelber Stift: Visual CSS Style Editor

Yellow Pencil ist ein visueller Stileditor, mit dem Sie Ihre Website in wenigen Minuten mit jedem beliebigen Thema anpassen können (Schriftarten, Farben, Animationen und mehr ...).Yellowpencil Visual CSS Style Editor Plugin WordPress

Dieses Premium-WordPress-Plugin erstellt CSS-Stile in Hintergrund während Sie mit den Farben spielen, als wäre es ein Spiel, das sowohl für Anfänger als auch für erfahrene Benutzer gedacht ist.

Entdecken Sie auch unsere 5-Plugins WordPress Benachrichtigungen anzeigen

Programmierkenntnisse sind nicht erforderlich. Das WordPress-Plugin hat jedoch einen guten CSS-Editor für diejenigen, die gerne Code schreiben. Sie können mit diesem Editor live programmieren und Ihr CSS anpassen.

Download | Demo | Web-Hosting

2. Easy Custom JS und CSS

Dieses Premium-WordPress-Plugin ist ein leistungsstarker CSS- und JavaScript-Code-Editor, mit dem Sie diese in jeden Bereich Ihrer Website einfügen können. Sie können Ihre Anpassungen auch nach einem wichtigen Update Ihres WordPress-Themas beibehalten. Einfache benutzerdefinierte js und css zusätzliche Anpassung WordPress-Plugin

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Sie haben die Möglichkeit, den Einsatzbereich Ihres personalisierten Codes einzuschränken. Beispielsweise können Sie Ihren Code nur für einen Artikel verwenden, der das Videoformat aufweist.

Lesen Sie unsere Artikel auf So fordern Sie die Annahme der Nutzungsbedingungen für WordPress

Oder Sie können Ihren Code auf ein bestimmtes WordPress-Thema beschränken. Das ist praktisch, wenn Sie gerade Themen für Ihr WordPress-Blog ändern.

Download | Demo | Web-Hosting

3. Custom JS und CSS für Gutenberg

Das Premium WordPress Plugin Custom JS und CSS für Gutenberg Damit können Sie dem WYSIWYG-Editor eine unbegrenzte Anzahl benutzerdefinierter Stile für Ihre Artikel und WordPress-Seiten hinzufügen. Es ist voll kompatibel mit der Gutenberg-Version von WordPress.

Benutzerdefinierte js und css für gutenberg WordPress-Plugin

Mit einem benutzerfreundlichen CSS-Editor können Sie einfach einen neuen Stil erstellen. Dieses WordPress-Plugin erweitert die Funktionen von benutzerdefinierte Felder und bietet Ihnen die Möglichkeit, Ihre benutzerdefinierten Felder mit einem dynamischen und leistungsstarken Personalisierungsmodul zu ändern. und die Funktionalität von Echtzeitvorschau dieses WordPress-Plugins macht es sehr komfortabel und benutzerfreundlich.

Download | Demo | Web-Hosting

4. Erweiterte CSS-Editor

Die WordPress-Produktfirma ThemeIsle und Wunderkind haben dieses Plugin entwickelt. Navigieren Sie nach der Installation und Aktivierung zum folgenden Speicherort: " Aussehen> Personalisierung So greifen Sie auf das Dashboard zu und suchen im Menü nach "Advanced CSS Editor". Es wird oben in der Liste der Menüpunkte in der angezeigt Customizer. Erweiterter CSS-Editor - WordPress-Plugin

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Um einen CSS-Code zu ändern, fügen Sie einfach einen Selektor und die entsprechende Regel in das Textfeld ein, wenn Sie auf das Menü klicken. « Erweiterte CSS-Editor«.

Siehe auch So verbessern Sie die Seiten mit schlechter Qualität Ihres Blogs

CSS-Regeln können so geschrieben werden, dass sie allgemein gelten oder auf bestimmte Geräte abzielen (Computer, Telefon, Tablet usw.). Sobald die Regeln geschrieben sind, zeigt der Customizer eine Vorschau mit den vorgenommenen Änderungen an.

Download | Demo | Web-Hosting

5. SiteOrigin CSS

Es ist bei weitem das WordPress-Plugin, das die meisten Optionen in dieser Liste bietet. Das Erstaunlichste an letzterem ist, dass es kostenlos ist. Dieses WordPress-Plugin ist das einzige, das im Customizer nicht enthalten ist.

Siteorigin CSS - WordPress Plugin

Nachdem Sie das Plugin installiert und aktiviert haben, müssen Sie zum folgenden Speicherort wechseln. " Aussehen> Benutzerdefiniertes CSS Zugriff auf die CSS-Edition des Plugins. Auf dieser Seite sehen Sie einen Texteditor, der keine Echtzeitvorschau bietet.

Lesen Sie auch unseren Artikel über 10 WordPress Plugins zur Steigerung des Umsatzes Ihrer Website

Um auf letzteres zuzugreifen, müssen Sie auf eine der beiden Schaltflächen links oberhalb des Editors klicken. Die Schaltfläche mit einem Augensymbol zeigt einen visuellen CSS-Code-Editor an, den die Fans zu schätzen wissen. Das Symbol mit den Erweiterungspfeilen zeigt einen Texteditor an, in dem CSS-Codes verwaltet werden.

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Fazit

Voila! Das ist alles für diese Liste von Premium WordPress Plugins Auf diese Weise können Sie das CSS in Ihrem Blog visuell bearbeiten. Wenn du hast commentaires oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren.

Sie können sich jedoch auch an unsere wenden RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Wir laden Sie ein zu Teilen Sie in Ihren bevorzugten sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
5 Aktien
Aktie2
tweet
Registrieren3