Site-Header, Footer und Menüs

Jede öffentliche Seite zeigt einen Header und Footer. Eingebaute Layouts unter Settings → Site layout sind der Standardweg — genug, um schnell eine funktionierende Website live zu bringen, ohne den Vorlagen-Editor zu öffnen.

Für die meisten Websites brauchen Sie nur:

1. Settings → Navigation — Menüs erstellen (die Links).
2. Settings → Site layout — eingebautes Header-/Footer-Layout wählen und jedem ein Menü zuweisen.

Site name, Logo und optionale Tagline kommen aus Settings → General (und Theme für Farben und Schriften).

Möchten Sie feinere Kontrolle — individuelle Spalten, einen Newsletter-Block, einen manuell platzierten Warenkorb oder ein einmaliges Design? Nutzen Sie Settings → Header & Footer und folgen Sie Individuelle Header- und Footer-Vorlagen. Wenn Sie unter Site layout eine individuelle Vorlage als Site-Standard auswählen, ersetzt sie das passende eingebaute Layout.

Aufgabe	Wo
Links hinzufügen oder umordnen	Settings → Navigation
Eingebautes Header-/Footer-Aussehen wählen + Menüs anhängen	Settings → Site layout → Header / Footer
Individuellen Header oder Footer gestalten	Settings → Header & Footer

---

Menü erstellen

1. Öffnen Sie Settings → Navigation.
2. Erstellen Sie ein Menü (oder öffnen Sie ein bestehendes).
3. Fügen Sie Einträge hinzu: veröffentlichte Seiten, Portfolios oder benutzerdefinierte URLs.
4. Ziehen zum Umordnen. Mit Einrücken verschachteln Sie Einträge unter einem Eltern-Eintrag (für Footer-Spalten — siehe unten).
5. Speichern.

Verlinken Sie nur veröffentlichte Seiten. Entwurfsseiten ergeben für Besucher 404.

Sie können dasselbe Menü für Header und Footer nutzen oder getrennte Menüs.

---

Menüs und Layouts zuweisen (Site layout)

1. Öffnen Sie Settings → Site layout.
2. Öffnen Sie den Abschnitt Header.
3. Lassen Sie Custom header auf Use basic layout (oder entfernen Sie eine individuelle Vorlage, falls eine ausgewählt ist).
4. Wählen Sie ein Navigation menu (oder None — siehe Fallback unten).
5. Wählen Sie ein einfaches Header-Layout (Minimal, Centered logo, Split, Stacked, Transparent oder No header).
6. Öffnen Sie den Abschnitt Footer und tun Sie dasselbe: einfaches Layout + Menü.
7. Speichern Sie die Site-Einstellungen.
8. Vorschau einer öffentlichen Seite.

Header-Layouts (eingebaut)

Layout	Was Besucher sehen
Minimal	Logo links; Links und Konto-Tools rechts
Centered logo	Logo in der Mitte; Links darum aufgeteilt
Split navigation	Logo und Links links; letzter Menüeintrag als Button rechts
Stacked	Logo oben; Links darunter
Transparent	Overlay-Stil zur Nutzung über einem Hero
No header	Header siteweit ausgeblendet

Split: Der letzte Eintrag im zugewiesenen Menü wird zu diesem Button. Setzen Sie „Contact“ oder „Book“ zuletzt, wenn Sie das als Call-to-Action möchten.

Footer-Layouts (eingebaut)

Layout	Was Besucher sehen
Simple	Marke, flache Links, Social, dann Copyright / Terms
Multi-column	Markenspalte plus Linkspalten aus verschachtelten Menügruppen
Centered	Zentrierte Marke und Links
Newsletter	Anmeldeformular plus optionale Linkspalten
Minimal	Nur Copyright und Terms
No footer	Footer ausgeblendet

Copyright steht links in der unteren Leiste; Terms und Sign In (wenn das Client Portal in Ihrem Plan aktiviert ist) rechts.

Mehrspaltige Footer und Verschachtelung

Für Multi-column verschachteln Sie Links unter Top-Level-Einträgen im zugewiesenen Footer-Menü:

Explore          ← Spaltenüberschrift
  Portfolio
  Blog
Studio           ← Spaltenüberschrift
  About
  Contact

Jede Top-Level-Gruppe wird zu einer Spalte. Flache Menüs (ohne Verschachtelung) erscheinen als eine unbenannte Linkliste neben der Marke.

Wenn kein Menü zugewiesen ist

• Header: Home plus einige veröffentlichte Seiten (automatisch).
• Footer: Keine Linkspalten, bis Sie ein Menü zuweisen (Copyright und Terms erscheinen weiterhin).

---

Warenkorb-Symbol im Header

Auf eingebauten Headern erscheint das Warenkorb-Symbol, wenn:

1. Ihr Plan print oder digital products enthält, und
2. Settings → E-commerce → Show cart in header aktiviert ist.

Individuelle Header-Vorlagen brauchen weiterhin einen Cart-Block im Vorlagen-Editor — siehe Individuelle Header- und Footer-Vorlagen.

---

Sprachumschalter und Sign In

Wenn Sie mehr als eine Site-Sprache veröffentlichen, kann eine Sprachsteuerung im Header erscheinen. Sign In erscheint, wenn das Client Portal in Ihrem Plan aktiviert ist (es öffnet das Client Portal für Ihre Website). Details: Mehrsprachige Site-Sprachen.

---

Fehlerbehebung

Problem	Was prüfen
Falsche Links im Header	Site layout → Header → welches Menü ausgewählt ist; Reihenfolge in Navigation
Footer hat leere Spalten	Links unter Top-Level-Einträgen verschachteln oder Simple statt Multi-column wählen
Individuelles Design erscheint nicht	Site layout steht möglicherweise noch auf basic layout — oder eine individuelle Vorlage ist ausgewählt und überschreibt es
Kein Warenkorb-Symbol	Plan muss print oder digital products erlauben; Show cart in header einschalten; nur eingebauter Header (individuell braucht einen Cart-Block)
Split-Button zeigt die falsche Seite	Dieser Button ist der letzte Eintrag im Header-Menü — in Navigation umordnen

---

Überprüfen Sie Ihre Arbeit

1. Erstellen Sie unter Navigation ein Menü mit einigen veröffentlichten Seiten.
2. Weisen Sie es unter Site layout Header und Footer zu und wählen Sie Layouts.
3. Für mehrspaltig mindestens zwei Gruppen verschachteln, speichern und Vorschau.
4. Öffnen Sie zwei öffentliche URLs und bestätigen Sie denselben Header und Footer.