Wer ein modernes WordPress-Theme nutzt, hat oft die Möglichkeit eigene CSS-Anweisungen in einem Bereich der Optionen oder Einstellungen zu notieren. Das ist besonders dann hilfreich, wenn man nur Kleinigkeiten am Design seiner Website ändern möchte. Wenn das genutzte Theme diese Möglichkeit allerdings nicht bietet, kann man eigene CSS-Anweisungen auch im WordPress-Bereich Zusätzliches CSS notieren.
Zusätzliches CSS
Der Bereich »Zusätzliches CSS« ist bei klassischen Themes Teil des Customizers und unter dem Menüpunkt »Design« auflisten. Eine genaue Anleitung für die Nutzung findest du im Beitrag WordPress: kleinere CSS-Anpassungen ohne Child-Theme und Plugins vornehmen.
Aber was tun, wenn du eines der neuen Block-Themes nutzt?
Auch hier gibt es den Bereich »Zusätzliches CSS«, aber da es keinen Customizer mehr gibt, befindet er sich im Website-Editor. Um den Bereich aufzurufen, wechselst du in den Bereich »Design/Website-Editor« und rufst dort den Bereich »Stile« auf. Dort wiederum wechselst du in den Bereich »Stile« bzw. »Stile bearbeiten«. Auf der rechten Seite befindet sich dann der Button »Mehr« und hier findest du dann den Bereich »Zusätzliches CSS«.
Alternativ kannst du auch über ein Template gehen. Auch dazu musst du den Bereich »Design/Website-Editor« aufrufen. Dort spielt es dann keine Rolle, welches Template du aufrufst. Standardmäßig wird beim Öffnen des Bereichs das Template der Startseite geladen. Hier klickst du also einfach in den Bereich des Templates und so öffnet sich der Stile-Bereich. Dort wiederum klickst du dann auf den »Mehr«-Button und wählst dann den Bereich »Zusätzliches CSS«.
Über beide Wege gelangst du also in den Bereich »Zusätzliches CSS«, wo du dann Anweisungen notieren kannst, um das Design deiner Website anzupassen.
Besonders hilfreich ist es dabei, dass man im Gutenberg-Editor die Möglichkeit hat, jedem Block eine eigene CSS-Klasse zuzuweisen. Diese kannst du dann wiederum mit Hilfe von CSS designen.
Image(s) licensed by Ingram Image/adpic.
Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienstleistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.