Ziehen Sie das Widget Navigationsleiste auf eine Master-Seite und weisen Sie diese Master-Seite dann Ihren Seiten zu. Das Menü baut sich aus der Seitenliste links selbst auf. Wenn Sie also eine Seite hinzufügen, erscheint sie auf jeder Seite im Menü.
Welche Version verwenden Sie? EverWeb 4.6 hat eine neue Navigationsleiste mit neuen Einstellungen, die unten beschrieben sind. Ein Menü, das vor 4.6 hinzugefügt wurde, behält seine alten Einstellungen (die Abschnitte zu EverWeb 4.5 unten), auch wenn Sie das Projekt in 4.6 öffnen. Um ein altes Menü auf die neuen Einstellungen umzustellen, löschen Sie es, ziehen Sie eine neue Navigationsleiste auf die Master-Seite und gestalten Sie sie erneut.
Das Menü auf jeder Seite hinzufügen
- Erstellen Sie eine Master-Seite (ein Design, das viele Seiten gemeinsam nutzen), falls Sie noch keine haben: Klicken Sie auf Neue Master-Seite. Siehe Mit einer Master-Seite dieselbe Kopfzeile, dasselbe Menü und dieselbe Fußzeile auf jede Seite bringen.
- Wählen Sie die Master-Seite aus und fügen Sie das Menü hinzu:
- Navigationsleiste: Öffnen Sie oben rechts den Tab Widgets und ziehen Sie das Widget Navigationsleiste auf die Seite. Auf einer Seite mit fester Breite (Zentriertes Layout) platzieren Sie es in der Kopfleiste. Auf einer responsiven Seite platzieren Sie es weit oben.
- Navigationscontainer (EverWeb 4.6 und neuer): Klicken Sie in der Symbolleiste auf Container und wählen Sie Navigationscontainer. Er enthält eine Navigationsleiste plus Platz für Ihr Logo und eignet sich für responsive Seiten.
- Wählen Sie eine Ihrer Seiten aus, gehen Sie zu Inspektor > Seiteneinstellungen und wählen Sie im Aufklappmenü Master-Seite Ihre Master-Seite. Machen Sie das für jede Seite.
- Veröffentlichen Sie Ihre Website.
Ändern Sie das Menü ab jetzt nur noch auf der Master-Seite. Auf Ihren anderen Seiten zeigt das Menü in seiner Ecke ein kleines schwarzes Seitensymbol. Wenn Sie darauf klicken, bietet EverWeb an, Sie zur Master-Seite zu bringen.
Festlegen, welche Seiten im Menü erscheinen
- Reihenfolge: Das Menü folgt der Reihenfolge der Seitenliste, von oben nach unten. Ziehen Sie Seiten nach oben oder unten, um sie zu ändern.
- Eine Seite weglassen: Wählen Sie die Seite aus, gehen Sie zu Inspektor > Seiteneinstellungen und entfernen Sie das Häkchen bei Seite in Navigationsmenü inkludieren. Die Seite bleibt auf Ihrer Website, und Sie können weiterhin auf sie verlinken.
- Den Text ändern: Geben Sie ihn im selben Tab unter Navigationsmenü-Anzeigename ein. Nutzen Sie das für Leerzeichen, Akzente, Umlaute und Symbole, die der Dateiname einer Seite nicht enthalten darf.
EverWeb 4.6 und neuer: eigene Menüeinträge hinzufügen. Wählen Sie die Navigationsleiste aus, gehen Sie zu Inspektor > Widget-Einstellungen und öffnen Sie Zusätzliche Menülinks. Klicken Sie auf Hinzufügen, doppelklicken Sie auf den Namen, um den Text zu ändern, und legen Sie dann den Link fest: einen Abschnitt einer Seite, eine Seite oder eine andere Website. Setzen Sie ein Häkchen bei Seiten meiner Website ausblenden, wenn das Menü nur die Links aus dieser Liste zeigen soll. Eine neue Seite erscheint dann erst im Menü, wenn Sie sie dort hinzufügen.
Das Menü ist auf jeder Seite. Wenn Sie es ändern, muss EverWeb deshalb jede Seite erneut veröffentlichen. Ihre nächste Veröffentlichung dauert länger als sonst.
Dropdown-Menüs
Legen Sie Seiten in ein Verzeichnis (eine Seite, die andere Seiten enthält, wie ein Ordner). Klicken Sie in der Symbolleiste auf Verzeichnis hinzufügen und ziehen Sie dann Seiten etwas darunter und nach rechts versetzt. Das Verzeichnis wird zu einem Menüeintrag, und seine Seiten erscheinen in einem Dropdown-Menü darunter. Siehe Kann EverWeb Dropdown-Menüs erstellen?.
In EverWeb 4.6 und neuer zeigt das Menü bis zu zwei Dropdown-Ebenen: Legen Sie für die zweite ein Verzeichnis in ein Verzeichnis, sodass das Menü insgesamt drei Ebenen hat. EverWeb 4.5 zeigt eine Dropdown-Ebene. Unter Dropdown-Menüs in den Widget-Einstellungen legt Untermenüanzeige das kleine Symbol neben Einträgen fest, die ein Dropdown-Menü öffnen (Winkel, Dreieck, Plus oder Keine), und Stil der Dropdown-Elemente legt den Schaltflächenstil für die Dropdown-Einträge fest.
Das Aussehen ändern
EverWeb 4.6 und neuer: Stil der Menüeinträge
Die Menüeinträge übernehmen ihr Aussehen (Füllung, Textfarben, Innenabstand und Hover-Aussehen) von einem Schaltflächenstil. Ihr Projekt enthält bereits einen eigens dafür erstellten Stil namens Navigation Button.
- Wählen Sie die Navigationsleiste aus und gehen Sie zu Inspektor > Widget-Einstellungen.
- Öffnen Sie Menüeinträge und wählen Sie unter Stil der Menüeinträge einen Schaltflächenstil. Daneben erscheint eine kleine Vorschau, und das Menü auf der Seite wird aktualisiert.
- Um das Aussehen dieses Stils zu ändern, wählen Sie unten im selben Menü Schaltflächenstile bearbeiten… (oder wählen Sie Format > Website-Stile... und klicken Sie auf Schaltflächenstile). Legen Sie das Aussehen für Normal, Hover, Gedrückt und Tastaturfokus fest und klicken Sie dann auf Sichern. Jedes Menü und jede Schaltfläche, die diesen Stil verwendet, ändert sich.
Alle Schritte zu Schaltflächenstilen finden Sie unter Schaltflächen gestalten, die anklickbar aussehen: Farben, abgerundete Ecken, Schatten und Hover-Effekte.
Gut zu wissen:
- Keine unter Stil der Menüeinträge macht die Einträge zu einfachen Textlinks. Ihre Farben kommen dann aus Inspektor > Hyperlinks.
- Der Hintergrund der Leiste ist von den Einträgen getrennt. Füllung, Rahmen und Innenabstand unter Inspektor > Formoptionen und Maße gestalten den Streifen hinter den Einträgen, nicht die Einträge selbst.
- Minimale Eintragshöhe legt fest, wie hoch jeder Eintrag ist (bei 0 ist er so hoch wie sein Text plus Innenabstand). Etwa 44 Pixel oder mehr lassen sich auf einem Handy bequem antippen.
- Layout enthält Gleiche Schaltflächenbreiten, Elementabstand und Ausrichtung (Links, Zentriert, Rechts oder Blocksatz).
- Schriftarten in der Symbolleiste ändert den Text der Einträge, und Effekte unter Maus-Übergänge und Animationen in den Formoptionen gelten für jeden Eintrag.
- Ohne Navigationscontainer kann Marke in den Widget-Einstellungen Ihr Logo in der Leiste zeigen. Geben Sie ihm einen Alt-Text des Logos, zum Beispiel den Namen Ihres Unternehmens.
EverWeb 4.5 (und Menüs, die vor 4.6 hinzugefügt wurden)
Bei ausgewählter Navigationsleiste: Textfarben und Unterstreichung finden Sie unter Inspektor > Hyperlinks bei Hyperlink-Format; das Feld hinter jedem Eintrag in den Formoptionen; Ausrichtung, Abstände und Dropdown-Farben in den Widget-Einstellungen; die Schrift unter Schriftarten in der Symbolleiste.
Das Menü auf Handys
EverWeb 4.6 und neuer
- Wählen Sie die Navigationsleiste auf Ihrer Master-Seite aus und gehen Sie zu Inspektor > Widget-Einstellungen.
- Wählen Sie unter Layout bei Bei wenig Platz, was passieren soll:
- Umbruch: Die Einträge verteilen sich auf mehrere Zeilen.
- Hamburger when needed (Hamburger bei Bedarf): Das Menü wird zu einer Menüschaltfläche, sobald die Einträge nicht mehr hineinpassen.
- Hamburger at breakpoint (Hamburger ab Schwellenwert): Das Menü wird unterhalb der Breite, die Sie unter Schwellenwertbreite (px) eingeben, zu einer Menüschaltfläche (800, sofern Sie es nicht ändern).
- Gestalten Sie die Schaltfläche unter Mobiles Hamburger-Menü: ihren Schaltflächenstil, die Beschriftung der Menüschaltfläche (zum Beispiel Menü), das Menüsymbol (drei Linien, zwei Linien, Punkte oder kein Symbol) und Bei geöffnetem Menü.
- Wählen Sie unter Darstellung Hamburger-Menü, ob das geöffnete Menü die Seite überdeckt oder nach unten schiebt (Darstellung), und legen Sie den Hintergrund des Menüpanels fest. Mobile Animation und Verhalten legt den Öffnungseffekt fest und ob sich das Menü schließt, nachdem ein Besucher eine Seite gewählt hat.
- Öffnen Sie die Vorschau und machen Sie das EverWeb-Fenster zum Testen schmaler.
EverWeb 4.5 (und Menüs, die vor 4.6 hinzugefügt wurden)
- Wählen Sie die Navigationsleiste auf Ihrer Master-Seite aus.
- Gehen Sie zu Inspektor > Widget-Einstellungen und scrollen Sie zu Responsive Optionen.
- Setzen Sie ein Häkchen bei Responsives Navigationsmenü.
- Legen Sie Bei Breite anzeigen fest. Auf Bildschirmen, die schmaler sind (700 Pixel, sofern Sie es nicht ändern), wird das Menü zu einer Schaltfläche mit drei Linien (einem "Hamburger"), die das Menü öffnet. Gestalten Sie sie unter Hamburger-Schaltfläche.
- Öffnen Sie die Vorschau und machen Sie das EverWeb-Fenster zum Testen schmaler.
Wenn Ihr Menü auf zwei Zeilen umbricht, bevor es umschaltet, erhöhen Sie die Breite. Wenn die Schaltfläche auch auf Computern erscheint, ist der Wert zu hoch. Das funktioniert auf Seiten mit Zentriertem Layout und auf responsiven Seiten. Wenn Sie separate Mobilseiten verwenden, siehe Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb.
Häufige Fragen
- Ein Link zu einer anderen Website im Menü: Fügen Sie ihn in EverWeb 4.6 und neuer unter Zusätzliche Menülinks hinzu (siehe oben). In 4.5 siehe So fügen Sie dem Navigationsmenü von EverWeb einen Link zu einer anderen Website hinzu.
- Menüeinträge, die zu Abschnitten einer langen Seite springen: Verwenden Sie in EverWeb 4.6 und neuer Zusätzliche Menülinks und verlinken Sie jeden Eintrag mit einem Abschnitt der Seite. In 4.5 kann die Navigationsleiste das nicht: Bauen Sie dieses Menü aus Schaltflächen oder Text und verlinken Sie jedes Element. Siehe So verlinken Sie auf eine andere Seite, eine Website, eine E-Mail-Adresse, eine Telefonnummer, ein PDF oder einen Abschnitt einer Seite.
- Die Menüeinträge ändern sich nicht, wenn Sie ihre Farben unter Hyperlinks festlegen (4.6): Die Einträge verwenden einen Schaltflächenstil. Ändern Sie den Stil, oder wählen Sie Keine unter Stil der Menüeinträge, um die Farben aus Hyperlinks zu verwenden.
- Die ganze Leiste ist einfarbig geworden (4.6): Die eigene Füllung der Leiste ist in den Formoptionen eingestellt. Schalten Sie die Füllung der Leiste aus, wenn nur die Einträge farbig sein sollen.
- Ein Menüeintrag funktioniert nicht: Prüfen Sie, ob er zur Navigationsleiste gehört und nicht ein separates Textfeld ist, das darüber liegt.
Verwandte Artikel
- Mit einer Master-Seite dieselbe Kopfzeile, dasselbe Menü und dieselbe Fußzeile auf jede Seite bringen
- Schaltflächen gestalten, die anklickbar aussehen: Farben, abgerundete Ecken, Schatten und Hover-Effekte
- Kann EverWeb Dropdown-Menüs erstellen?
- So fügen Sie dem Navigationsmenü von EverWeb einen Link zu einer anderen Website hinzu
- Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb