Wie verändere ich die Kopfzeile in Wix?

von Monti

Beim Erstellen der Webseite kommt es darauf an ob du mit einer Vorlage arbeitest, oder sie selbst von Grund auf im Editor gestaltest.

Wenn du sie mit ADI oder einer Vorlage machst, ist das Einfügen des Menüs in der Kopfzeile resp. der Navigationsleiste, sehr einfach und du wirst Schritt für Schritt von Wix geführt, so dass alle Elemente sauber an ihrem Platz sind.

Jedoch kann es sein, dass du selbst noch Anpassungen durchführen möchtest und dann sollte diese Anleitung hier hilfreich sein.

Folgende Punkte werden hier behandelt:

  1. Navigationsliste erstellen
  2. Navigation anpassen
  3. Logo in der Navigationsliste einfügen und anpassen
  4. Seiten der Navigation hinzufügen und entfernen
  5. Ansicht für die mobile Navigation anpassen

1. Navigationsleiste erstellen

Um deiner Seite ein Menü hinzuzufügen wählst du zuerst «Hinzufügen» und findest dann unter den Elementen das «Menü». Du siehst dann mehrere «Menüvorschläge», die du anklicken und in die Kopfzeile ziehen kannst. Wenn du dich mit der gehaltenen Menüleiste über der Kopfzeile befindest, sollte sich dessen Rahmen orange färben. Sobald du dann loslässt, ist die Navigation Teil der Kopfzeile.

Navigation erstellen: Hinzufügen > Menü > Menüvorschläge

Deine Navigation sollte anschliessend so aussehen:

Tipp: Mithilfe der orangen Rahmenpunkte änderst du die Position und Breite des Menüs.

2. Navigation anpassen

Falls dir die soeben hinzugefügt Leiste nicht passen sollte, klickst du ganz einfach auf den «Pinsel» Knopf, der unter deinem Element auftaucht, wenn du ihn anwählst.

Somit lässt sich jedes Detail verändern wie etwa Schriftfarbe, Abstand und das Verhalten wenn sich die Maus über dem Menü befindet.

Wenn du aber das Verhalten der gesamten Kopfzeile anpassen möchtest, musst du zuerst die Kopfzeile anwählen.

Wix erlaubt dir die Elemente in der Kopfzeile anzupassen.

3. Logo in der Navigationsleiste einfügen & anpassen

Mit ADI:

Falls du Wix ADI verwendest brauchst du nichts Weiteres zu tun als, wenn du bei diesem Punkt angelangt bist, dein Logo hochzuladen. Das Logo wird dann perfekt in deine Seite eingebunden.

Mit Wix ADI fügst du dein Logo schon während der Einrichtungsphase ein.

Mit Editor:

Mit dem Editor ist es auch keine Hexerei ein Logo hinzuzufügen. Alles was du tun musst, ist dein Logo als Bild einzufügen, die Grösse anzupassen, und es schlussendlich in die Kopfzeile zu verschieben.

Logo einfügen: Hinzufügen > Bild > Meine Dateien

Das Bild muss zuerst in die Seite geladen werden bevor es sich in die Kopfzeile verschieben lässt.

Tipp: Das Logo sollte als transparentes PNG-Dokument gespeichert sein.

Danach gilt es die Elemente in der Kopfzeile sauber anzuordnen.

In Orange ist zu erkennen, dass dein Element sich jetzt in der Kopfzeile befindet.

4. Seiten der Navigation hinzufügen & entfernen

Jede Seite die du erstellst, sollte direkt im Menü erscheinen.

Um eine Seite vom Menü auszuschliessen gehst du zu «Menüs & Seiten», wählst die Seite an und klickst auf «Ausblenden».

Dies verhindert dass Webseitenbesucher diese Seite im Menü zu sehen bekommen. Dies kann etwa hilfreich sein, wenn du eine Seite nur über eine andere Seite erreichbar machen möchtest.

Einfach die runde Schaltfläche mit den 3 Punken anklicken und schon öffnets sich die Auswahl.
Ausblenden ist hier das 3. Letzte Element

In diesem Fenster kannst du die Anordnung im Menü verändern. Dazu ziehst du deine Seite an den gewünschten Platz.

Mit der gleichen Technik erstellst du Unterseiten.

Einfach Drag-and-Drop an die richtige Position.

So würde eine Unterseite dann aussehen.

5. Ansicht für die mobile Navigation anpassen

Das mobile Menü richtest du ein sobald du auf die mobile Ansicht gewechselt hast. Wix hilft dir gleich mit dem Einrichtungsassistent, der etwa das Verhalten der Kopfzeile festlegt. Zum Beispiel: Verschwindet sie, wenn man scrollt, oder sie bleibt fixiert.

Übergang vom Webseiten-Editor zum mobilen Editor.

Wenn der Assistent durch ist, gelangt man in den mobilen Editor. Hier positioniert man das Logo wo man es gerade wünscht.

Beim Wechsel des Editors muss man teils noch nachhelfen und die Kopfzeile anpassen.

Wenn es um die Grösse der Kopfzeile geht, würde ich mich an die von Wix vorgeschlagene Grösse halten. Dies verhindert, dass deine Besucher Mühe haben deine Seite zu navigieren.

Das Endprodukt: Angepasste mobile Kopfzeile

Fragen oder Anregungen

Das könnte dich interessieren