WordPress CSS: So bearbeiten Sie das Design Ihrer Website

Sie haben verschiedene Möglichkeiten, um in WordPress CSS zu bearbeiten. Neben Änderungen im Theme oder über den Customizer stehen auch zahlreiche empfehlenswerte Plugins zur Auswahl.

Neben vorgefertigten WordPress Themes und Templates bietet WordPress mit CSS ein besonders wichtiges und nützliches Werkzeug, das es Ihnen erlaubt, Ihre Website voll und ganz nach Ihren Vorstellungen zu gestalten. CSS (Cascading Style Sheets) ist für das Design eines Onlineauftritts gedacht und ermöglicht die Anpassung von Layout, Farben und Typografie.

Es kann aus verschiedenen Gründen wichtig und empfehlenswert sein, das CSS in WordPress zu bearbeiten. Während Sie Inhalte mit HTML festlegen, sorgt CSS dafür, dass diese Inhalte Besucherinnen und Besuchern auch in ansprechender Form präsentiert werden. Schon aus diesem Grund lohnt es sich CSS zu lernen.

Neben den rein optischen Vorteilen haben Sie mit CSS aber auch die Möglichkeit, Ihre Seite responsive zu machen und so für verschiedene Devices zu optimieren. Bearbeiten Sie in WordPress das CSS, funktioniert dies dank der WordPress Themes vergleichsweise einfach und vor allem risikoarm.

Sie haben verschiedene Möglichkeiten, um Ihr WordPress CSS zu bearbeiten. Am einfachsten ist es, wenn Sie direkt mit dem Customizer arbeiten oder ergänzen. Dabei sind viele Arbeitsschritte bereits festgelegt und die Bearbeitung folgt somit festen Regeln. Wenn Sie sich bereits besser mit WordPress auskennen und Ihrer Website ein komplett individuelles Design geben möchten, können Sie auch Bearbeitungen direkt im WordPress Theme durchführen. Diese Methode ist anspruchsvoller, bietet Ihnen dafür aber auch die meisten Freiheiten. Der Mittelweg sind verschiedene WordPress Plugins, mit denen Sie Ihr WordPress CSS bearbeiten und anpassen können. Hierbei variieren Optionen und Schwierigkeitsgrad je nach Anbieter.

Wenn Sie direkt über Ihr Theme WordPress CSS bearbeiten möchten, sollten Sie im Vorfeld unbedingt ein Child-Theme anlegen. Dies ist einerseits die sicherste Methode und verhindert andererseits, dass aufwendige Änderungen durch eine Aktualisierung des Themes wieder gelöscht werden. Die wichtigsten Anpassungen führen Sie im Stylesheet selbst durch, mit dem Sie CSS in HTML einbinden. Darauf können Sie am einfachsten über Ihr Dashboard zugreifen. Zusätzliche Programme oder Editoren sind dafür nicht notwendig. Es ist aber auch möglich Änderungen per FTP vorzunehmen.

Gerade um das Risiko zu minimieren, dass bei einem Wechsel des Themes auch sämtlich Änderungen im CSS verlorengehen, kann die Nutzung eines Plugins empfehlenswert sein. Es gibt mittlerweile verschiedene Tools, die sich dafür eignen und teilweise auch kostenlos erhältlich sind. Im Folgenden stellen wir Ihnen ein paar besonders gute Plugins vor.

Spitzenreiter der Plugins, die Sie nutzen können, um schnell und einfach in WordPress das CSS zu bearbeiten oder Ihr eigenes CSS hinzuzufügen, ist vermutlich Simple Custom CSS. Der Name ist hier Programm, gerade wenn es um die Einrichtung und Nutzung geht. In diesen Bereichen ist das Plugin sehr einfach und dadurch schnell zu erlernen. Der Nutzen ist groß, hat Simple Custom CSS doch keine negativen Auswirkungen auf die Leistung und punktet unter anderem mit Fehlerprüfung und Syntax-Hervorhebung. Außerdem funktioniert das Plugin mit allen gängigen Themes.

CSS Hero kostet $ 29 pro Jahr und überzeugt als sehr umfangreiche und trotzdem benutzerfreundliche Lösung. Möchten Sie das CSS in WordPress ganz nach eigenen Vorstellungen gestalten und anpassen, ist diese Lösung eine Überlegung wert. Änderungen lassen sich live verfolgen und die individuellen Gestaltungsmöglichkeiten sind besonders vielfältig. Für kleinere Änderungen ist dieses Tool daher sicherlich zu umfangreich, wenn Sie aber viele Details exakt anpassen möchten, liegen Sie mit CSS Hero richtig. Das Plugin ist mit vielen Themes kompatibel.

Falls Sie auf der Suche nach einer schlankeren Lösung für sporadische Anpassungen sind, ist SiteOrigin CSS eine gute Wahl. Das Plugin bietet Ihnen die Möglichkeit, zu einem visuellen Editor zu wechseln und dadurch Änderungen ohne Code vorzunehmen. Das ist gerade für Anfänger und Anfängerinnen eine Überlegung wert. Auch SiteOrigin CSS funktioniert mit zahlreichen Themes.

WP Add Custom CSS bietet ähnliche Vorzüge wie Simple Custom CSS, führt die Idee allerdings noch ein Stück weiter. Das Plugin lässt Sie nicht nur einfach das CSS bearbeiten, sondern erlaubt auch die genaue Auswahl einzelner Seiten und Unterseiten. So werden Änderungen nicht global durchgeführt, sondern nur an ausgewählten Stellen. Dies wird durch eine kleine Metabox erreicht, die Sie zusätzlich zum eigentlich Editierbildschirm nutzen können.