Kopf- und Fußzeilen

Der Kopfbereich einer Website ist der oberste Abschnitt einer Webseite und enthält in der Regel Elemente wie das Logo, das Menü, die Suchleiste, die Schaltfläche zum Anmelden/für das Kundenkonto usw. Die Fußzeile wird am unteren Rand einer Webseite angezeigt und enthält in der Regel Informationen wie Kontaktdaten, Links, rechtliche Hinweise und weitere Optionen.

Kopfzeilendesign

Um das Design der Kopfzeile zu ändern, klicken Sie auf Bearbeiten und anschließend auf die Kopfzeile. Die folgenden Optionen sind im Abschnitt Kopfzeile des Reiter Anpassen im Website-Editor verfügbar:

  • Wählen Sie eine Vorlage aus dem Drop-down-Menü.

  • Wählen Sie die Einstellungen für den Hintergrund, um die Farbpalette über verschiedene Designmotive <website/themes/theme-colors>, benutzerdefinierte Farboptionen und den Farbverlauf zu ändern.

  • Wenn Sie der Kopfzeile einen Rand hinzufügen, können Sie dessen Größe, Stil und Farbe festlegen.

  • Passen Sie die Runden Ecken an das Design an.

  • Fügen Sie einen Schatten hinzu und legen Sie dessen Farbe, Absetzung, Unschärfe und Ausbreiten fest.

  • Fügen Sie einen Scrolleffekt hinzu. Bewegen Sie den Mauszeiger über einen Effekt, um eine Vorschau anzuzeigen.

  • Wählen Sie die Kopfzeilenposition zwischen Regulär, Ausgeblendet und Über dem Inhalt. Wenn Über dem Inhalt ausgewählt ist, können Sie den Hintergrund und die Textfarbe anpassen.

  • Blenden Sie Elemente wie Text, Suchleiste, Anmelden-Schaltfläche, Social-Media-Links, Kontakt-Schaltfläche und Logo ein oder aus.

Um die Änderungen abzuschließen, klicken Sie auf Speichern.

Tipp

Um die Kopfzeile auszublenden, klicken Sie auf Bearbeiten, klicken Sie auf die Kopfzeile und gehen Sie zum Reiter Designmotiv des Website-Editors. Scrollen Sie nach unten zum Abschnitt Erweitert und schalten Sie den Schalter Kopfzeile anzeigen um, um die Kopfzeile ein- oder auszublenden.

Kopfzeileninhalt

Menüs organisieren den Inhalt der Kopfzeile und helfen Besuchern, effektiv durch Ihre Webseiten zu navigieren. Benutzerfreundliche und gut strukturierte Menüs spielen auch eine entscheidende Rolle bei der Verbesserung des Suchmaschinenrankings.

Menüpunkte hinzufügen

Standardmäßig werden Seiten beim Erstellen als Drop-down-Menüpunkte zum Menü hinzugefügt. Um einen neuen Menüpunkt hinzuzufügen, gehen Sie wie folgt vor:

  1. Gehen Sie auf Website ‣ Site ‣ Menü-Editor.

  2. Klicken Sie im Menü-Editor auf Menüpunkt hinzufügen.

  3. Geben Sie im Pop-up-Fenster den Namen ein, der im Menü angezeigt werden soll.

  4. Geben Sie / in das Feld URL oder E-Mail ein, um nach einer Seite auf Ihrer Website zu suchen, oder #, um nach einem vorhandenen benutzerdefinierten Anker zu suchen.

  5. Klicken Sie auf OK.

  6. Bearbeiten Sie bei Bedarf die Menüstruktur und klicken Sie dann auf Speichern.

Mega-Menüs

Mega-Menüs sind ähnlich wie Drop-down-Menüs, aber anstelle einer einfachen Liste von Untermenüs zeigen sie ein Panel an, das in Gruppen von Navigationsoptionen unterteilt ist. Dadurch eignen sie sich für Websites mit umfangreichen Inhalten oder E-Commerce-Websiten, da sie dazu beitragen können, alle Ihre Webseiten in das Menü einzubeziehen und dennoch alle Menüpunkte oder E-Commerce-Websites im Menü einzuschließen und alle auf einmal sichtbar zu machen.

Mega-Menü in der Navigationsleiste.

Um ein Mega-Menü zu erstellen, gehen Sie zu Website ‣ Site ‣ Menü-Editor und klicken Sie auf Mega-Menüpunkt hinzufügen. Geben Sie den Namen des Mega-Menüs in das Pop-up-Fenster ein, klicken Sie auf OK und dann auf Speichern.

Um die Optionen und Inhalte des Mega-Menüs anzupassen, klicken Sie auf einen Mega-Menüpunkt in der Kopfzeile und dann auf Bearbeiten. Mega-Menüs bestehen aus Bausteinen, sodass Sie jede Komponente individuell anpassen können. Beispiel:

  • Bearbeiten Sie den Text direkt im Baustein.

  • Bearbeiten Sie die URL eines Menüpunkts, indem Sie den Menüpunkt auswählen und dann auf die Schaltfläche Link bearbeiten in dem kleinen Vorschau-Pop-up-Fenster klicken. Geben Sie / ein, um nach einer Seite auf Ihrer Website zu suchen, oder #, um nach einem vorhandenen benutzerdefinierten Anker zu suchen.

    Eine Mega-Menü-Option bearbeiten.
  • Verschieben Sie einen Menüpunkt, indem Sie den Baustein per Drag-and-drop an die gewünschte Stelle im Mega-Menü ziehen.

  • Löschen Sie einen Menüpunkt, indem Sie den entsprechenden Baustein löschen.

Um das allgemeine Layout des Mega-Menüs anzupassen, gehen Sie zum Reiter Anpassen des Website-Editors und dann zum Abschnitt Mega-Menü:

  • Wählen Sie eine Vorlage aus.

  • Wählen Sie die Größe: entweder Volle Breite oder Verschmälern.

Um die Änderungen abzuschließen, klicken Sie auf Speichern.