Stile
Was ein Stil ist
Die Auswahl, die Redakteure an einem Block sehen – und wie sie entsteht.
Redakteure sollen das Aussehen eines Blocks anpassen können, ohne Gestaltungsregeln zu brechen. Dafür gibt es Stile: feste Auswahllisten wie „Hintergrund“, „Abstand oben/unten“ oder „Ecken“. Ein Redakteur wählt im Editor zum Beispiel „Hintergrund: Dunkel“ – wie „Dunkel“ genau aussieht, hast du festgelegt.
Aufbau eines Stils
- Ein Stil hat einen Namen, z. B. „Hintergrund“.
- Er hat mehrere Werte, z. B. „Keiner“, „Hell“, „Dunkel“, „Primär“.
- Einer der Werte ist der Standard. Er gilt, solange der Redakteur nichts anderes wählt.
Wo Stile auftauchen
Stile werden einmal zentral gepflegt, unter 
Gestaltung → Blöcke → Stile. Welche Stile ein Block anbietet, legst du je Design im Block-Studio fest. So kann zum Beispiel eine Box „Hintergrund“, „Innenabstand“ und „Ecken“ anbieten, eine Überschrift dagegen „Überschriftgröße“ und „Textausrichtung“.
Im Editor findet der Redakteur die Stile in der Seitenleiste unter 
Einstellungen im aufklappbaren Bereich Stil.
So sieht der Redakteur einen Stil
Wählt ein Redakteur im Editor einen Block aus, findet er in der Seitenleiste unter Einstellungen den Bereich Stil. Jeder Stil, den das Design anbietet, ist dort eine Auswahlliste. Vorausgewählt ist der Standard. Die Namen der Werte sind genau die, die du in der Stil-Liste vergibst.
Der Standardwert
Jeder Stil hat genau einen Standard. Er gilt, solange der Redakteur nichts wählt – also auch für alle Blöcke, die schon auf Seiten stehen und bei denen nie etwas gewählt wurde. Änderst du den Standard, ändern sich all diese Blöcke mit. Blöcke mit ausdrücklich gewähltem Wert bleiben, wie sie sind.
Für einzelne Designs kannst du einen anderen Startwert bestimmen, siehe Aussehen eines Designs.
Beispiele mitgelieferter Stile
| Stil | Werte (Auswahl) |
|---|---|
| Hintergrund | Keiner, Hell, Dunkel, Primär, Primär hell, Sekundär, Verlauf |
| Abstand oben/unten | Keiner, Klein, Mittel, Groß |
| Inhaltsbreite | Automatisch, Lesebreite, Schmal, Normal, Breit, Volle Breite |
| Textfarbe | Standard, Schwarz, Weiß, Primär, Sekundär |
| Button-Stil, Button-Größe | z. B. Primär, Sekundär; Klein, Mittel, Groß |
| Ecken, Schatten | siehe Ecken und Schatten |
Daneben gibt es viele Stile für einzelne Blöcke, etwa „Pfeile“ und „Punkte“ beim Slider oder „Zebrastreifen“ bei der Tabelle. Alle wichtigen mit ihren Werten zeigt Die mitgelieferten Stile.
Bedeutung und Aussehen bleiben getrennt
Stile beschreiben nur das Aussehen. Was ein Block tut – etwa wie viele Spalten er hat oder ob ein Slider automatisch läuft –, steht in seinen Einstellungen. Diese Trennung hilft, dass eine Website auch nach Jahren noch einheitlich aussieht. Wie Stile mit Designs und Theme-Werten zusammenspielen, zeigt Wie Blöcke, Designs und Stile zusammenspielen.
