Wix Editor: Die Kopfzeile deiner Website anpassen
4 Min. Lesezeit
Deine Kopfzeile ist der Abschnitt oben auf deiner Website und enthält normalerweise dein Menü und dein Logo. Da deine Kopfzeile Besuchern den ersten Eindruck von deiner Website vermittelt, solltest du sie an deine Marke und dein Design anpassen.
Wähle das Design und den Scroll-Effekt für deine Kopfzeile und lege die Größe und die Ränder fest, um einen bleibenden Eindruck bei deinen Besuchern zu hinterlassen.
Die Elemente in deiner Kopfzeile werden automatisch auf allen Seiten angezeigt, auf denen deine Kopfzeile angezeigt wird.
Das Design deiner Kopfzeile ändern
Du kannst das Design deiner Kopfzeile an deine Website anpassen. Wähle aus einer Vielzahl von Vorlagen ein Design aus und passe die Einstellungen wie Farbe, Abstände und Ecken an.
Um das Design deiner Kopfzeile zu ändern:
- Klicke auf die Kopfzeile.
- Klicke rechts auf das Symbol für Weitere Aktionen .
- Klicke auf Kopfzeile bearbeiten.
- Klicke auf den Status Standard oder Scrollen.
- Verwende die folgenden Optionen, um das Design der Kopfzeile anzupassen:
- Füllfarbe & Deckkraft: Wähle eine Farbe für deine Kopfzeile und passe die Deckkraft an.
- Rand: Füge Ränder zu deiner Kopfzeile hinzu, um sie auf deiner Seite hervorzuheben.
- Ecken: Gestalte die Ecken deines Randes runder oder eckiger.
- Schatten: Füge einen Schatten hinzu und passe ihn an, um deiner Kopfzeile einen tollen 3D-Effekt zu verleihen.
Im Status „Scrollen“ kannst du deine Kopfzeile so gestalten, dass sie anders aussieht, wenn Besucher auf der Seite nach unten scrollen. Du kannst zum Beispiel die Kopfzeile die Farbe ändern lassen oder einen Rand hinzufügen, damit sie hervorsticht.
![Screenshot des Design-Panels der Kopfzeile im Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/db2b9d85-9351-4eb7-8c4a-b02c6a23d62c/bf593564-c5be-45be-9e3a-d3e98d805b22.png)
Ein Bild als Kopfzeile deiner Website festlegen
Um deine Website weiter zu personalisieren, kannst du ein Bild als Kopfzeile deiner Website festlegen. Ziehe das Bild an die Kopfzeile, um es anzuhängen, und verwende dann die Ziehgriffe, um das Bild über die Kopfzeile zu strecken. Du kannst das Bild dann nach hinten verschieben, damit es die Elemente deiner Kopfzeile nicht verdeckt.
Das Bild muss kleiner als deine Kopfzeile sein, damit es hineinpasst und richtig platziert wird. Wir empfehlen die Verwendung eines Bildes mit einer Auflösung und Größe, die mit der Größe deiner Kopfzeile kompatibel sind, z. B. ein Bannerbild.
Um ein Bild als Kopfzeile deiner Website zu verwenden:
- Öffne deinen Editor.
- Füge ein neues Bild hinzu oder wähle ein vorhandenes auf deiner Seite aus.
- Ziehe das Bild in die Kopfzeile und lege es ab, wenn du die Nachricht An Kopfzeile anhängen siehst.
- (Optional) Ziehe die Ziehgriffe, um das Bild auf die volle Breite deiner Kopfzeile zu strecken.
- Verschiebe das Bild in den Hintergrund:
- Klicke mit der rechten Maustaste auf das Bild.
- Fahre mit der Maus über Anordnen und klicke auf Nach hinten.
![Screenshot des Schnellbearbeitungs-Panels für die Kopfzeile im Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/32a790d9-f0fd-4dca-8108-18e25278085a/56185aa5-971d-4f99-9ecc-b741eaccbb92.png)
Tipp:
Ersetze dein Kopfzeilenbild jederzeit über das Schnellbearbeitungs-Panel, indem du neben dem aktuellen Bild auf Ändern klickst.
Die Größe deiner Kopfzeile ändern
Du kannst die Größe der Kopfzeile ändern, um sie so groß oder so klein zu gestalten, wie du möchtest.
Große Kopfzeilen sind nützlich, wenn du viele Elemente wie einen Website-Titel, ein Website-Menü und ein Logo hast. Kleinere Kopfzeilen sind ideal für minimalistische Websites oder wenn sich die meisten Elemente auf der Seite befinden.
Um die Größe deiner Kopfzeile zu ändern:
- Klicke auf die Kopfzeile.
- Ziehe den Ziehgriff am unteren Rand der Kopfzeile, um sie zu vergrößern oder zu verkleinern.
![GIF, das zeigt, wie die Kopfzeile mit den Ziehgriffen vergrößert und verkleinert wird.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/23/93987c42-8afd-4340-9de2-e7ab527f6c40/dfa3ae50-6612-4914-a334-7f425446b47d.gif)
Einen Scroll-Effekt zu deiner Kopfzeile hinzufügen
Füge deiner Kopfzeile einen tollen Scroll-Effekt hinzu, um festzulegen, wie sie sich verhält, wenn Besucher nach oben und unten scrollen. Behalte die Kopfzeile zum Beispiel oben, wenn Besucher scrollen, oder lasse sie allmählich ausblenden.
Um einen Scroll-Effekt für deine Kopfzeile auszuwählen:
- Klicke auf die Kopfzeile.
- Klicke rechts auf das Symbol für Weitere Aktionen .
- Klicke auf Scroll-Einstellungen der Kopfzeile.
- Wähle einen Scroll-Effekt aus:
- Mit Website scrollen: Es wird kein Scroll-Effekt angewendet. Wenn Besucher auf der Seite nach unten scrollen, scrollen sie auch von der Kopfzeile (das heißt vom oberen Rand der Seite) weg.
- Fixiert: Deine Kopfzeile bleibt oben auf der Seite, wenn Besucher nach oben und unten scrollen, sodass sie leicht auf das Website-Menü zugreifen können.
Tipp: Wenn du diesen Effekt auswählst, solltest du die Kopfzeile eher kurz halten, damit sie beim Scrollen keinen Inhalt verdeckt. - Verschwindet: Wenn Besucher durch deine Website scrollen, verschwindet die Kopfzeile nach und nach. Damit die Kopfzeile wieder angezeigt wird, müssen deine Besucher nach oben scrollen.
- Ausgeblendet: Die Kopfzeile wird langsam ausgeblendet, wenn deine Besucher durch die Website scrollen, und wieder eingeblendet, wenn sie zurück nach oben scrollen.
Tipp:
Deine Mobile- und Desktop-Websites können unterschiedliche Scroll-Effekte für die Kopfzeile haben. So änderst du die Scroll-Einstellungen der Kopfzeile auf deiner mobilen Website
![Screenshot der Scroll-Einstellungen der Kopfzeile im Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/85d9ad44-13c8-49e6-9203-850db095c0d1/98080799-71e3-4018-999e-2e9b78bd5e4a.png)