Die Personalisierung 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. Der beste Weg, um anwendbare Änderungen in Echtzeit vorzunehmen, 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 benutzerdefinierten CSS-Code 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 diese Einschränkung zu finden, gelang es mir, einige seltene Edelsteine ​​zu finden, die unsere Aufmerksamkeit verdienen.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben So installieren Sie eine Wordpress-Blog in 7 Schritten 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, den Sie mit jedem Thema verwenden können, um Ihre Website in wenigen Minuten zu personalisieren (Schriftarten, Farben, Animationen und mehr…).Yellowpencil Visual CSS Style Editor Plugin WordPress

Ce WordPress Plugin Premium erstellt CSS-Stile von Hintergrund während Sie mit den Farben spielen, als wäre es ein Spiel. Es wurde sowohl für Anfänger als auch für erfahrene Benutzer entwickelt.

Entdecken Sie auch unsere 5-Plugins WordPress Benachrichtigungen anzeigen

Es sind keine Programmierkenntnisse erforderlich. Allerdings ist die WordPress Plugin hat einen guten CSS-Editor für diejenigen, die gerne programmieren. Sie können mit diesem Editor live programmieren und Ihr CSS anpassen.

Herunterladen | Demo | Web-Hosting

2. Easy Custom JS und CSS 

Ce WordPress Plugin premium ist ein leistungsstarker CSS- und JavaScript-Code-Editor, mit dem Sie sie zu jedem Abschnitt Ihrer Website hinzufügen können. Es ermöglicht Ihnen, Ihre Anpassungen auch nach einem größeren Update Ihres zu behalten Wordpress-Theme. Einfache benutzerdefinierte js und css zusätzliche Anpassung WordPress-Plugin

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

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

Oder Sie können Ihren Code auf a beschränken Wordpress-Theme Spezifisch; Das ist praktisch, wenn Sie häufig Themen für Ihre wechseln Wordpress-Blog.

Herunterladen | Demo | Web-Hosting

3. Custom JS und CSS für Gutenberg

Das Premium WordPress Plugin Custom JS und CSS für Gutenberg Mit dieser Option können Sie dem WYSIWYG-Editor eine unbegrenzte Anzahl benutzerdefinierter Stile für Ihre WordPress-Beiträge und -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.

Herunterladen | Demo | Web-Hosting

4. Erweiterte CSS-Editor

ThemeIsle und die WordPress-Produktfirma Wunderkind haben dieses Plugin entwickelt. Navigieren Sie nach der Installation und Aktivierung des letzteren zum folgenden Ort „ Aussehen> Personalisierung Um auf das Dashboard zuzugreifen und im Menü nach "Advanced CSS Editor" zu suchen. Es wird oben in der Liste der Menüpunkte in der angezeigt Customizer. Erweiterter CSS-Editor - WordPress-Plugin

Um einen CSS-Code zu ändern, müssen Sie lediglich einen Selektor und die dafür geltende Regel in das Textfeld einfügen, 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 ein bestimmtes Element auf bestimmten Geräten abzielen (Computer, Telefon, Tablet usw.). Sobald die Regeln geschrieben sind, zeigt der Customizer eine Vorschau mit den vorgenommenen Änderungen an.

Herunterladen | 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 gefunden werden kann.

Siteorigin CSS - WordPress Plugin

Nach der Installation und Aktivierung des Plugins müssen Sie zum folgenden Ort navigieren: „ Darstellung> Benutzerdefiniertes CSS Zugriff auf die CSS-Edition des Plugins. Auf dieser Seite sehen Sie einen Texteditor, der keine Live-Vorschau 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 über dem Editor klicken. Über die Schaltfläche mit dem Augensymbol wird ein visueller CSS-Code-Editor angezeigt, den Enthusiasten zu schätzen wissen. Das Symbol mit den Erweiterungspfeilen zeigt einen Texteditor an, der die Beherrschung von CSS-Codes impliziert.

Herunterladen | 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.

Konklusion

Hier ist ! 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 aber 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.   

...