Wiki CSS und Sidebar CSS

Regeln direkt am Element sind super für Einzelfälle. Sobald viele Elemente gleich aussehen sollen, willst du das nicht überall einzeln pflegen: Ein zentrales Stylesheet definiert den Look einmal.

Zwei Stylesheets, zwei Aufgaben

Beide schreibst du als normales CSS mit Selektoren und Klammern, etwa .gold-frame { border: 2px solid gold; }. Der einzige Ort mit kompletten Regeln.

Gemeinsame Klassen: einmal definieren, überall verwenden

Die Verbindung ist das Feld CSS class ganz unten in jedem Custom-CSS-Panel. Du gibst einem Element einen Klassennamen, definierst die Klasse zentral, und alle Elemente mit diesem Namen ändern sich gemeinsam.

1. Öffne an einem Element den Bereich „Custom CSS“ und klicke in das CSS-class-Feld.
2. Das Dropdown zeigt alle Klassen, die es im passenden Stylesheet gibt.
3. Ein Klick wendet an, noch einer entfernt. Mehrere lassen sich kombinieren.
4. Noch keine Klasse da? „Edit wiki CSS“ öffnet die Theme-Seite. Speichere vorher deine Seitenänderungen.

Die Vorschläge sind nie ausgedacht. Seitenblöcke zeigen Klassen aus dem Wiki CSS, Seitenleisten-Elemente die aus dem Sidebar CSS. Ein leeres Dropdown heißt: noch keine Klassen.

Der Code-Editor

Beide Stylesheets stehen in einem Editor unter Theme › Custom CSS, mit den Tabs wiki.css und sidebar.css, Zeilennummern und Syntax-Farben. Die Vorschau bleibt beim Scrollen und Bearbeiten sichtbar. „Article“ oder „Overview“ zeigt verschiedene Inhalte, „Desktop“ oder „Phone“ verschiedene Bildschirmgrößen. „Save theme“ veröffentlicht beide Sheets zusammen mit deinen Farben, Schriften, Hintergründen und Sidebar-Einträgen.