Wie man ein Website-Menü einrichtet

In diesem Leitfaden erfahren Sie mehr über die Gestaltung von Menüs, wie sie funktioniert und wie sie aussieht:

Dieser Leitfaden behandelt sieben Arten von Navigationsmenüs, enthält Anleitungen für die Erstellung aller Menütypen und Tipps für die Verwendung der einzelnen Menüs.

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

Setzen Sie einen vollständigen Link auf die Seite, zum Beispiel:
http://mysite.com/about

Oder geben Sie einen relativen Link ein:
/about

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 zu Seite, um eine Liste von Webseiten 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 zu Block. Sie werden zu der Seite weitergeleitet, auf der Sie den gewünschten Block auswählen können. Klicken Sie auf den Block, zu dem die 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 Felder "Link" mit Block-IDs aus, z. B. #rec2081259. Eine Block-ID finden Sie in den Blockeinstellungen.

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

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

Richten Sie die Kopfzeile beider Projekte ein, indem Sie einen ME204-Menüblock oder eines der folgenden Menüs hinzufügen: ME301, ME302, ME303, oder die Hamburger-Menüs: ME401, ME402, ME304. Öffnen Sie die Inhaltsleiste des Blocks und fügen Sie Sprachen und Links zu den 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üpunkte → Unterpunkte hinzufügen, dann erscheinen die "Plus"-Symbole auf der linken Seite.

Um eine zweite Ebene hinzuzufügen, klicken Sie auf das "Plus"-Symbol 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 wird ein Menü der ersten Ebene sein. 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 mit dem Mauszeiger darüberfahren oder auf einem mobilen Gerät darauf tippen.

So funktioniert es:
1) Im ME601-Block: Geben Sie einen Linkhook an, z. B. #submenu:more.
2) Im Hauptmenü: Fügen Sie einen #submenu:more-Link im Inhaltsbereich des Blocks → Menüpunkte als Link zu einem Menüpunkt hinzu.

Wichtig: Der Hauptmenüpunkt kann nicht angeklickt werden. Wenn Sie einen Link darauf haben möchten, duplizieren Sie diesen Eintrag in das 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 → unter "Position und Überlauf" wählen Sie "Fixiert", um den Block zu fixieren.

Der Block kann am oberen oder unteren Rand der Seite fixiert werden und kann so eingestellt werden, dass er nach X Pixeln erscheint (Appear Offset). In diesem Fall können Sie eine von zwei Varianten der Erscheinungsanimation anpassen - Einblenden oder Auf-/Abgleiten. Dies kann z. B. nützlich sein, wenn Sie möchten, dass die Kopfzeile der Website nicht sofort, sondern erst nach einigem Scrollen erscheint.

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