Theme

Das Theme im Überblick

Die Reiter unter Gestaltung → Theme und wofür sie da sind.

Das Theme ist die Grundlage des Aussehens: Hier legst du einmal fest, welche Farben, Schriften, Größen und Abstände die Website verwendet. Alle mitgelieferten Blöcke greifen darauf zurück. Änderst du die Primärfarbe, ändern sich Buttons, Links und farbige Flächen überall auf einmal.

Du öffnest das Theme unter Gestaltung → Theme. Oben stehen Reiter:

	Reiter	Inhalt
	Design-System	Bildschirmgrößen, Abstände und Effekte für die ganze Website. Siehe Design-System.
	Farben	Grundfarben, eigene Farben, Vorschläge und Vorschau. Siehe Farben.
	Typografie	Schriftbibliothek, Schriften je Textart und Schriftgrößen. Siehe Typografie.
	Bildformate	Die Seitenverhältnisse, auf die Redakteure Bilder zuschneiden. Siehe Bildformate.

Der Reiter Variablen enthält eigene, zusätzliche Werte – was es damit auf sich hat, erklärt Variablen: Werte, die überall wirken. Die Reiter SCSS-Dateien, HTML-Vorlagen und Tailwind-Build sind für technische Anpassungen gedacht. Die nutzt dein Administrator – siehe Bereich für Administratoren.

Theme mit den Reitern Design-System, Farben, Typografie und Bildformate — Das Theme mit seinen Reitern

Theme, Reiter Design-System mit Bildschirmgrößen und Abstandsskala — Reiter Design-System

Fließende Schriftskala mit Grundgröße und Verhältnis je Bildschirmgröße — Reiter Typografie: die Schriftskala

Theme, Reiter Bildformate mit Bezeichnung, Seitenverhältnis und Vorschau — Reiter Bildformate

Reihenfolge, die sich bewährt hat

Farben festlegen
Schriften hinzufügen und unter Typografie zuweisen
Schriftgrößen und Abstände abstimmen
Ecken und Schatten unter den Stilen wählen

Jede Seite des Themes speicherst du mit dem Button Speichern unten rechts. Erst dann gilt die Änderung auf der Website.