So richten Sie ein Website-Menü ein

Lesen Sie diese Anleitung, um mehr über das Menüdesign zu erfahren, wie es funktioniert und wie es aussieht:

Dieses Handbuch behandelt sechs Arten des Navigationsmenüs, enthält Anleitungen zum Erstellen aller Menütypen und Tipps zur Verwendung der einzelnen Menütypen.

Es gibt zwei Möglichkeiten, Menüpunkte hinzuzufügen.

Legen Sie einen vollständigen Link zur Seite fest, z. B.:
http://mysite.com/about

Oder fügen Sie einen relativen Link ein:
/über

Sie können die URL einer Seite in den Seiteneinstellungen festlegen:

Bewegen Sie den Mauszeiger über einen Menüpunkt. Sie sehen zwei Optionen zum Hinzufügen eines Links: Link zu Seite und Link zu Block.

Klicken Sie auf Link to Page, um eine Liste der Website-Seiten anzuzeigen. Wählen Sie eine Seite aus der Liste aus, deren URL automatisch platziert werden soll.

Wenn Sie einen Link zu einem Block auf der Seite hinzufügen möchten, klicken Sie auf Link to Block. Sie werden auf die Seite weitergeleitet, auf der Sie den gewünschten Block auswählen können. Klicken Sie auf den Block, zu dem Benutzer weitergeleitet werden sollen, wenn sie auf den Menüpunkt klicken. Der Ankerlink wird automatisch hinzugefügt.

Um ein Navigationsmenü innerhalb einer einzelnen Seite zu erstellen, füllen Sie die „Link“-Felder mit Block-IDs aus, z. B. #rec2081259. Eine Block-ID finden Sie in den Blockeinstellungen.

Wenn Sie einen benutzerdefinierten Link verwenden möchten, z. B. #link, können Sie einen Ankerlink erstellen.

Um eine zweisprachige Website zu erstellen, müssen Sie zwei Projekte erstellen (Tilda Business Plan erforderlich). Möglicherweise ist es einfacher, eine Website zuerst in einer Sprache zu erstellen. Danach können Sie das Projekt kopieren und übersetzen.

Richten Sie die Kopfzeile beider Projekte ein und fügen Sie einen ME204-Menüblock oder eines dieser Menüs hinzu: ME301, ME302, ME303 oder die Hamburger-Menüs: ME401, ME402, ME304. Öffnen Sie den Inhaltsbereich des Blocks und fügen Sie Sprachen und die Links der Websites hinzu.

Es gibt zwei Möglichkeiten, ein Menü der zweiten Ebene zu erstellen:

Fügen Sie der Seite einen Menüblock hinzu.

Gehen Sie zum Inhaltsbereich des Blocks → Menüelemente → Unterelemente hinzufügen, dann werden die "Plus" -Symbole auf der linken Seite angezeigt.

Um eine zweite Ebene hinzuzufügen, klicken Sie auf das Symbol "Plus" und fügen Sie einen Untermenütitel und seine URL hinzu. Klicken Sie mehrmals auf das "+", um die gewünschte Anzahl von Unterpunkten hinzuzufügen.

Auf dem Desktop wird ein Menü der zweiten Ebene in einer Dropdown-Liste angezeigt, wenn Sie mit der Maus darüber fahren, auf mobilen Geräten erscheint es, wenn Sie darauf tippen.

Fügen Sie der Seite einen beliebigen Menüblock hinzu – es handelt sich um ein Menü der ersten Ebene. Fügen Sie dann einen ME601-Block hinzu (Menü: zweite Ebene).

Mit ME601 können Sie ein Untermenü für die Elemente im Hauptmenü hinzufügen. Es erscheint als Dropdown-Menü, wenn Sie auf dem Desktop mit der Maus darüber fahren oder auf einem Mobilgerät darauf tippen.

Wie es funktioniert:
1) Im ME601-Block: Geben Sie einen Linkhook an, z. B. #submenu:more.
2) Im Hauptmenü: Fügen Sie im Inhaltsbereich des Blocks → Menüelemente einen Link #submenu:more als Link eines Menüelements hinzu.

Wichtig: Der Hauptmenüpunkt ist nicht anklickbar. Wenn Sie einen Link darauf haben möchten, duplizieren Sie dieses Element im Dropdown-Menü.

Hinweis: „Mehr“ in „#submenu:more“ kann ein beliebiges Wort sein, zum Beispiel: #submenu:portfolio oder #submenu:aboutus.

Um die Blockfixierung zu konfigurieren, öffnen Sie Zero Block → Einstellungen → wählen Sie unter "Position und Überlauf" "Fixiert", um den Block zu sperren.

Der Block kann oben oder unten auf der Seite fixiert werden und so eingestellt werden, dass er nach X Pixeln erscheint (Erscheinungsversatz). In diesem Fall können Sie eine von zwei Varianten der Darstellungsanimation anpassen – Einblenden oder Nach oben/unten schieben. Dies kann beispielsweise nützlich sein, wenn Sie möchten, dass der Website-Header nicht sofort, sondern erst nach einigem Scrollen angezeigt wird.

Lesen Sie mehr über andere Menütypen, erfahren Sie in unserem Artikel „Entdecken Sie sechs Website-Menüdesigns“, wie Sie ein festes Menü erstellen, das beim Scrollen sichtbar ist, wie Sie einer Seite zwei Menüs hinzufügen, wie Sie Registerkarten erstellen und vieles mehr.