Wie man die Header einer Seite anpassen
Dieses Tutorial behandelt die folgenden Themen:
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
- Gehen Sie zu Site Admin > Website Builder und drücken Sie die Schaltfläche Anpassen.
- Öffnen Sie die Registerkarte Seiten.
- Gehen Sie zu Website-Vorlagen und klicken Sie auf Header.
- Passen Sie verschiedene Aspekte des Kopfbereichs an, z.B. das Layout, den Menütyp, die Ausrichtung des Menüs, das Logo und das Favicon.
Die Farbe der Header anpassen
- Innerhalb des Dashboards gehen Sie zu Website Builder.
- Klicken Sie auf Anpassen.
- Öffnen Sie die Registerkarte Seiten und wählen Sie Header.
- Wählen Sie eine der voreingestellten Farben aus dem Abschnitt Header-Farbe.
Das Navigationsmenü der Kopfzeile anpassen
- Melden Sie sich bei Ihrem Site Admin an.
- Öffnen Sie den Abschnitt Website Builder.
- Klicken Sie auf die Schaltfläche Anpassen.
- Öffnen Sie die Registerkarte Menüs.
- Um ein neues Menüelement hinzuzufügen, klicken Sie auf die Registerkarte Neuer Artikel.
- Um das Element zur Kopfzeile hinzuzufügen, wählen Sie Hauptmenü im Dropdown-Menü Standort.
- 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.
- Geben Sie den Namen des Elements ein, der im Kopfmenü angezeigt wird.
- Bestätigen Sie das Element mit der Schaltfläche Artikel hinzufügen.
- 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.
- 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.
Die Header in SiteGround E-Commerce anpassen
Den Inhalt der Header anpassen
- Melden Sie sich bei Ihrem Site Admin Ihres SiteGround Ecommerce an.
- Öffnen Sie die Registerkarte Seiten, gehen Sie zu Website-Vorlagen und klicken Sie auf Header.
- Hier können Sie den Menütyp, die Ausrichtung des Menüs, das Layout, das Logo und das Favicon auswählen.
Die Farben der Kopfzeile anpassen
- Innerhalb des Shop-Builders öffnen Sie die Registerkarte Seiten und wählen Sie Header aus den Website-Vorlagen.
- Scrollen Sie zum Abschnitt Header-Farbe, wo Sie eine der voreingestellten Farben für die Kopfzeile auswählen können.
Das Menü der Kopfzeile anpassen
- Innerhalb des Builders gehen Sie zur Registerkarte Menüs.
- Um ein neues Element hinzuzufügen, klicken Sie auf die Schaltfläche Neuer Artikel.
- Um sicherzustellen, dass das Element zur Kopfzeile hinzugefügt wird, wählen Sie Hauptmenü aus dem Dropdown-Menü Hinzufügen zu.
- 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.
- Wenn Sie Seite, Produkt, Kategorie oder Marke ausgewählt haben, können Sie eines der vorhandenen Elemente im jeweiligen Linktyp auswählen.
- Geben Sie im Menüelementname den Namen ein, der in der Kopfzeile angezeigt wird.
- Drücken Sie schließlich Artikel hinzufügen.
- 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.
- 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.