layout:
position: leftSechs Werte sind möglich:
position | Wo das ist | Wofür sie taugt |
|---|---|---|
header | die Leiste ganz oben, neben Titel und Suche | Wortmarke, Seitenname, ein kurzes Abzeichen |
left | linke Spalte, unter dem Explorer | Beschreibung der Site, Notiz, Navigationshilfe |
right | rechte Spalte, beim Inhaltsverzeichnis | Hinweise zum Kapitel, eine Box mit Kontakt |
beforeBody | zwischen Brotkrumen und Titel | Bänder, die die ganze Seite betreffen: Version, Warnung, Entwurfsstatus |
afterBody | unter dem Text, über den Backlinks | Aufruf, Weiterlesen-Box, Spendenhinweis |
footer | die Fußzeile ganz unten | Kolophon, Impressumszeile, eine Zeile mit dem Stand |
Was die Stelle über die Form entscheidet
Dieselbe Komponente sieht an jeder Stelle anders richtig aus. Eine Box im Kopfbereich ist eine Wortmarke — knapp, einzeilig, ohne Rahmen. Dieselbe Box nach dem Inhalt darf Fläche haben, einen Balken, eine Überschrift. In der Fußzeile ist sie eine kleine, zentrierte Zeile.
Das Plugin bringt dafür nichts mit: Es setzt nur layout-box als Klasse und das, was in
className steht. Wie eine Stelle aussieht, entscheidet das CSS der Site —
5.2 – Gestalten zeigt es an den vier Boxen dieser Website.
beforeBodyundafterBodyhaben die volle TextbreiteDie beiden Spalten sind schmal; was dort steht, muss auf etwa 300 Pixel funktionieren. Vor und nach dem Inhalt hat eine Box die ganze Breite der Textspalte — der richtige Ort für alles, was Zeilen braucht.
Gruppen
Quartz kann mehrere Komponenten an derselben Stelle zu einer Gruppe zusammenfassen, die dann nebeneinander statt untereinander steht:
layout:
position: header
group: brandDas ist eine Quartz-Eigenschaft, keine des Plugins. Die Wortmarke und der Kapitelname oben auf dieser Seite stehen so nebeneinander — zwei Boxen in einer Gruppe.