Eine Kopfzeile als Shared Slot bauen

Ziel: Eine Kopfzeile haben, die jede Seite nutzt, statt einer Kopie pro Seite.
Dauer: 5 Minuten
Sie brauchen: Zugang zu Shared Slots und ein Navigationsmenü mit einigen Links

Schritte

  1. Wählen Sie in der Seitenleiste Shared Slots. Dort stehen die wiederverwendbaren Bereiche der aktuellen Site samt den Seiten, die sie bedienen.
  2. Öffnen Sie den Header-Shared-Slot und wählen Sie Edit Blocks. Ein Shared Slot hält Blöcke genauso wie ein Seiten-Slot.
  3. Eine brauchbare Kopfzeile ist eine Navbar mit einem Container, darin ein Cluster, darin ein Navbar Brand, eine an einen Menüschlüssel gebundene Navbar Navigation und Header Actions.
  4. Um sie auf eine Seite zu bringen, öffnen Sie die Seite, suchen den Slot in der Karte Slots und wählen Manage Source.
  5. Wählen Sie Shared Slot, suchen Sie den gebauten aus und wählen Sie Save Source.
Shared Slots screen listing reusable areas and their usage.
Shared slot block list showing a navbar with brand, navigation, and header actions nested inside.
Manage source dialog offering page content, shared slot, or disabled for a slot.

Die drei Quellen

Jeder Seiten-Slot rendert eines von drei Dingen, und die Wahl treffen Sie unter Manage Source:

  • Page Content — die eigenen Blöcke dieser Seite. Die Vorgabe.
  • Shared Slot — Blöcke, die anderswo liegen und mit weiteren Seiten geteilt werden.
  • Disabled — auf dieser Seite wird hier nichts gerendert.

Ein Quellenwechsel bewahrt die eigenen Blöcke der Seite. Richten Sie einen Slot auf einen Shared Slot, überlegen Sie es sich anders, wechseln Sie zurück — Ihre Blöcke sind noch da.

Hinweise

  • Navbar Brand und Navbar Navigation funktionieren nur innerhalb einer Navbar. Außerhalb werden sie nicht angeboten — so hindert das CMS Sie daran, eine Kopfzeile zu bauen, die nicht rendern kann.
  • Navbar Navigation hält keine Links — sie zeigt auf einen Menüschlüssel und rendert, was dieses Menü enthält.
  • Ein Shared Slot bedient genau einen Slot-Typ. Ein für header gebauter Slot lässt sich keiner Fußzeile zuweisen.
  • Header Actions trägt die Steuerelemente für Suche, Theme und Sprache. Deren Schalter sind Einstellungen am Block, keine eigenen Blöcke.
Weiter: Eine Fußzeile als Shared Slot bauen