Start
/
E-Commerce
/
Wie man die Header einer Seite anpassen

Wie man die Header einer Seite anpassen

Der Kopfbereich ist die Navigationsleiste Ihrer Website. Es ist ein wichtiger Teil, der es Ihnen ermöglicht, die kritischsten Seiten oder Abschnitte Ihrer Website hervorzuheben, auf die Besucher leicht zugreifen können.

In diesem kurzen Tutorial erfahren Sie, wie Sie die Kopfzeile anpassen.

Die Header im Website Builder anpassen

Den Inhalt der Kopfzeile anpassen

  1. Gehen Sie zu Site Admin > Website Builder und drücken Sie die Schaltfläche Anpassen.
    Anpassen-Schaltfläche im Site Admin des Website Builders
  2. Öffnen Sie die Registerkarte Seiten.
  3. Gehen Sie zu Website-Vorlagen und klicken Sie auf Header.
    Header-Einstellungen für Website Builder
  4. Passen Sie verschiedene Aspekte des Kopfbereichs an, z.B. das Layout, den Menütyp, die Ausrichtung des Menüs, das Logo und das Favicon.
    Optionen zur Anpassung der Header im Website Builder

Die Farbe der Header anpassen

  1. Innerhalb des Dashboards gehen Sie zu Website Builder.
  2. Klicken Sie auf Anpassen.
  3. Öffnen Sie die Registerkarte Seiten und wählen Sie Header.
  4. Wählen Sie eine der voreingestellten Farben aus dem Abschnitt Header-Farbe.
    Kopfzeilenfarbeneinstellungen im Website Builder

HINWEIS! Die Textfarbe wird ebenfalls an die neue Farbe angepasst, da Sie voreingestellte Farbkombinationen – Text und Hintergrund – haben, um Barrierefreiheit und andere Standards zu gewährleisten, bei denen der Farbkontrast beibehalten wird. Sie können die voreingestellte Farbpalette im Abschnitt Stil > Farben ändern.

Das Navigationsmenü der Kopfzeile anpassen

  1. Melden Sie sich bei Ihrem Site Admin an.
  2. Öffnen Sie den Abschnitt Website Builder.
  3. Klicken Sie auf die Schaltfläche Anpassen.
  4. Öffnen Sie die Registerkarte Menüs.
  5. Um ein neues Menüelement hinzuzufügen, klicken Sie auf die Registerkarte Neuer Artikel.
    Hinzugefügtes Element zum Header-Menü im Website Builder
  6. Um das Element zur Kopfzeile hinzuzufügen, wählen Sie Hauptmenü im Dropdown-Menü Standort.
    Auswahl der Header für die Position eines Menüelements
  7. Wählen Sie den Elementtyp aus dem Menü Linktyp. Sie können zwischen Seite, Etikett und Externer Link wählen. Wenn der Typ Seite ist, wählen Sie eine der Seiten Ihrer Website aus dem Dropdown-Menü darunter aus.
  8. Geben Sie den Namen des Elements ein, der im Kopfmenü angezeigt wird.
  9. Bestätigen Sie das Element mit der Schaltfläche Artikel hinzufügen.
    Schaltfläche Artikel hinzufügen zur Bestätigung eines neuen Kopfmenüelements im Website Builder
  10. Sie können auch Elemente aus der Liste der Menüpunkte in der Hauptnavigation löschen. Um ein Menüelement zu löschen, bewegen Sie die Maus darüber und drücken Sie das Papierkorbsymbol (Löschen). Im nächsten Popup-Fenster drücken Sie Bestätigen.

    Löschen eines Menüelements der Kopfzeile im Website Builder
  11. Sie können auch die Reihenfolge der Elemente ändern. Ziehen Sie einfach das ausgewählte Element und lassen Sie es an der gewünschten Position los.
    Neuanordnung von Kopfmenüelementen im Website Builder

Die Header in SiteGround E-Commerce anpassen

Den Inhalt der Header anpassen

  1. Melden Sie sich bei Ihrem Site Admin Ihres SiteGround Ecommerce an.
  2. Öffnen Sie die Registerkarte Seiten, gehen Sie zu Website-Vorlagen und klicken Sie auf Header.

    Seiten-Tab des SiteGround Ecommerce Builders mit hervorgehobenem Kopfbereich


  3. Hier können Sie den Menütyp, die Ausrichtung des Menüs, das Layout, das Logo und das Favicon auswählen.
    Kopfbereichs-Einstellungsmenü in SiteGround Ecommerce


Die Farben der Kopfzeile anpassen

  1. Innerhalb des Shop-Builders öffnen Sie die Registerkarte Seiten und wählen Sie Header aus den Website-Vorlagen.

    Seiten-Tab des SiteGround Ecommerce Builders mit hervorgehobenem Kopfbereich, wo Sie die Kopfbereichsfarbe ändern können


  2. Scrollen Sie zum Abschnitt Header-Farbe, wo Sie eine der voreingestellten Farben für die Kopfzeile auswählen können.
    Kopfbereichsfarbmenü mit verschiedenen Farbpaletten

HINWEIS! Sie können aus voreingestellten Farbkombinationen für Hintergrund- und Textfarben wählen, die für eine bessere Lesbarkeit optimiert sind. Die gewählte Farbpalette bestimmt die verfügbaren Farbkombinationen. Um andere Kombinationen auszuwählen, ändern Sie die Farbpalette in den Stil > Farben Einstellungen.

Das Menü der Kopfzeile anpassen

  1. Innerhalb des Builders gehen Sie zur Registerkarte Menüs.
  2. Um ein neues Element hinzuzufügen, klicken Sie auf die Schaltfläche Neuer Artikel.
    Neues Element-Taste im Navigationsmenü von SiteGround Ecommerce
  3. Um sicherzustellen, dass das Element zur Kopfzeile hinzugefügt wird, wählen Sie Hauptmenü aus dem Dropdown-Menü Hinzufügen zu.
    Hauptnavigation-Standort ausgewählt, um ein Element zum Kopfbereich hinzuzufügen
  4. Wählen Sie den Typ des Elements, das Sie hinzufügen möchten, aus dem Dropdown-Menü Linktyp aus. Sie können zwischen Seite, Externer Link, Einzelnes Produkt, Kategorie, Marke und Etikett wählen.
    Linktyp-Menü zur Auswahl des Typs des neuen Menüelements
  5. Wenn Sie Seite, Produkt, Kategorie oder Marke ausgewählt haben, können Sie eines der vorhandenen Elemente im jeweiligen Linktyp auswählen.
  6. Geben Sie im Menüelementname den Namen ein, der in der Kopfzeile angezeigt wird.
  7. Drücken Sie schließlich Artikel hinzufügen.
    Element hinzufügen-Taste zur Bestätigung des Hinzufügens des neuen Kopfbereichsmenüelements
  8. Um einen Link aus der Kopfzeile zu entfernen, gehen Sie zurück zur Liste Hauptnavigation, bewegen Sie die Maus über das gewählte Element und drücken Sie das Papierkorbsymbol (Löschen). Ein neues Fenster öffnet sich, in dem Sie Bestätigen auswählen müssen.
    Löschen-Symbol zum Löschen eines Elements aus dem Kopfbereichsmenü
  9. Sie können auch die Reihenfolge der Kopfzeilenlinks ändern. Ziehen Sie dazu das ausgewählte Element und lassen Sie es an der gewünschten Position los.
    Verschieben eines Elements, um seine Position im Kopfbereichsmenü zu ändern

Diesen Artikel teilen