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…).
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.
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.
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.
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.
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.
- 7 WordPress-Plugins zur Optimierung der SEO von Bildern auf Ihrer Website
- Wie finde ich einen Sponsor und monetarisiere mein Blog?
- So entfernen Sie den String v = xxx aus WordPress-URLs
- So fügen Sie einem WordPress-Blog unendliches Scrollen hinzu
Zusammenfassung
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.
...