WordPress CSS: So be­ar­bei­ten Sie das Design Ihrer Website

Sie haben ver­schie­de­ne Mög­lich­kei­ten, um in WordPress CSS zu be­ar­bei­ten. Neben Än­de­run­gen im Theme oder über den Cus­to­mi­zer stehen auch zahl­rei­che emp­feh­lens­wer­te Plugins zur Auswahl.

Neben vor­ge­fer­tig­ten WordPress Themes und Templates bietet WordPress mit CSS ein besonders wichtiges und nütz­li­ches Werkzeug, das es Ihnen erlaubt, Ihre Website voll und ganz nach Ihren Vor­stel­lun­gen zu gestalten. CSS (Cascading Style Sheets) ist für das Design eines On­line­auf­tritts gedacht und er­mög­licht die Anpassung von Layout, Farben und Ty­po­gra­fie.

Es kann aus ver­schie­de­nen Gründen wichtig und emp­feh­lens­wert sein, das CSS in WordPress zu be­ar­bei­ten. Während Sie Inhalte mit HTML festlegen, sorgt CSS dafür, dass diese Inhalte Be­su­che­rin­nen und Besuchern auch in an­spre­chen­der Form prä­sen­tiert werden. Schon aus diesem Grund lohnt es sich CSS zu lernen.

Neben den rein optischen Vorteilen haben Sie mit CSS aber auch die Mög­lich­keit, Ihre Seite re­spon­si­ve zu machen und so für ver­schie­de­ne Devices zu op­ti­mie­ren. Be­ar­bei­ten Sie in WordPress das CSS, funk­tio­niert dies dank der WordPress Themes ver­gleichs­wei­se einfach und vor allem risikoarm.

Sie haben ver­schie­de­ne Mög­lich­kei­ten, um Ihr WordPress CSS zu be­ar­bei­ten. Am ein­fachs­ten ist es, wenn Sie direkt mit dem Cus­to­mi­zer arbeiten oder ergänzen. Dabei sind viele Ar­beits­schrit­te bereits fest­ge­legt und die Be­ar­bei­tung folgt somit festen Regeln. Wenn Sie sich bereits besser mit WordPress auskennen und Ihrer Website ein komplett in­di­vi­du­el­les Design geben möchten, können Sie auch Be­ar­bei­tun­gen direkt im WordPress Theme durch­füh­ren. Diese Methode ist an­spruchs­vol­ler, bietet Ihnen dafür aber auch die meisten Frei­hei­ten. Der Mittelweg sind ver­schie­de­ne WordPress Plugins, mit denen Sie Ihr WordPress CSS be­ar­bei­ten und anpassen können. Hierbei variieren Optionen und Schwie­rig­keits­grad je nach Anbieter.

Wenn Sie direkt über Ihr Theme WordPress CSS be­ar­bei­ten möchten, sollten Sie im Vorfeld unbedingt ein Child-Theme anlegen. Dies ist ei­ner­seits die sicherste Methode und ver­hin­dert an­de­rer­seits, dass auf­wen­di­ge Än­de­run­gen durch eine Ak­tua­li­sie­rung des Themes wieder gelöscht werden. Die wich­tigs­ten An­pas­sun­gen führen Sie im Style­sheet selbst durch, mit dem Sie CSS in HTML einbinden. Darauf können Sie am ein­fachs­ten über Ihr Dashboard zugreifen. Zu­sätz­li­che Programme oder Editoren sind dafür nicht notwendig. Es ist aber auch möglich Än­de­run­gen per FTP vor­zu­neh­men.

Gerade um das Risiko zu mi­ni­mie­ren, dass bei einem Wechsel des Themes auch sämtlich Än­de­run­gen im CSS ver­lo­ren­ge­hen, kann die Nutzung eines Plugins emp­feh­lens­wert sein. Es gibt mitt­ler­wei­le ver­schie­de­ne Tools, die sich dafür eignen und teilweise auch kostenlos er­hält­lich sind. Im Folgenden stellen wir Ihnen ein paar besonders gute Plugins vor.

Spit­zen­rei­ter der Plugins, die Sie nutzen können, um schnell und einfach in WordPress das CSS zu be­ar­bei­ten oder Ihr eigenes CSS hin­zu­zu­fü­gen, ist ver­mut­lich Simple Custom CSS. Der Name ist hier Programm, gerade wenn es um die Ein­rich­tung 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 Aus­wir­kun­gen auf die Leistung und punktet unter anderem mit Feh­ler­prü­fung und Syntax-Her­vor­he­bung. Außerdem funk­tio­niert das Plugin mit allen gängigen Themes.

CSS Hero kostet $ 29 pro Jahr und überzeugt als sehr um­fang­rei­che und trotzdem be­nut­zer­freund­li­che Lösung. Möchten Sie das CSS in WordPress ganz nach eigenen Vor­stel­lun­gen gestalten und anpassen, ist diese Lösung eine Über­le­gung wert. Än­de­run­gen lassen sich live verfolgen und die in­di­vi­du­el­len Ge­stal­tungs­mög­lich­kei­ten sind besonders viel­fäl­tig. Für kleinere Än­de­run­gen ist dieses Tool daher si­cher­lich zu um­fang­reich, wenn Sie aber viele Details exakt anpassen möchten, liegen Sie mit CSS Hero richtig. Das Plugin ist mit vielen Themes kom­pa­ti­bel.

Falls Sie auf der Suche nach einer schlan­ke­ren Lösung für spo­ra­di­sche An­pas­sun­gen sind, ist Site­O­ri­gin CSS eine gute Wahl. Das Plugin bietet Ihnen die Mög­lich­keit, zu einem visuellen Editor zu wechseln und dadurch Än­de­run­gen ohne Code vor­zu­neh­men. Das ist gerade für Anfänger und An­fän­ge­rin­nen eine Über­le­gung wert. Auch Site­O­ri­gin CSS funk­tio­niert mit zahl­rei­chen Themes.

WP Add Custom CSS bietet ähnliche Vorzüge wie Simple Custom CSS, führt die Idee al­ler­dings noch ein Stück weiter. Das Plugin lässt Sie nicht nur einfach das CSS be­ar­bei­ten, sondern erlaubt auch die genaue Auswahl einzelner Seiten und Un­ter­sei­ten. So werden Än­de­run­gen nicht global durch­ge­führt, sondern nur an aus­ge­wähl­ten Stellen. Dies wird durch eine kleine Metabox erreicht, die Sie zu­sätz­lich zum ei­gent­lich Edi­tier­bild­schirm nutzen können.