Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie ein Zielseitenmenü mithilfe von Ankerlinks erstellen und Menüelemente mit bestimmten Inhaltsblöcken verankern. In diesem Tutorial wird davon ausgegangen, dass Sie den Elementor Live Page Builder verwenden.
Landingpage-Menü erstellen
Zunächst müssen Sie ein Menü erstellen. Um dies zu tun, navigieren Sie bitte zur Registerkarte Erscheinungsbild > Menüs auf der linken Seite des Dashboards.
Klicken Sie hier auf Neue Menüoption erstellen.
Geben Sie den Menünamen in das entsprechende Feld ein. Klicken Sie dann auf die Schaltfläche Menü erstellen.
Lass uns die Ankerlinks hinzufügen. Suchen Sie den Abschnitt Benutzerdefinierte Links und geben Sie die Seiten-URL in das URL-Feld ein (z. B. http://ihre-homepage/#home). Geben Sie den Titel des Menüelements in das Feld Linktext ein. Klicken Sie dann auf die Schaltfläche Zum Menü hinzufügen.
Fügen Sie alle notwendigen Menüpunkte auf die gleiche Weise hinzu, ändern Sie nur die Anker (zB #about, #services, #projects, etc.).
Wenn das Menü fertig ist, suchen Sie den Menüeinstellungen-Block und wählen Sie den Ort des Landing-Menüs / Hauptmenü-Menüs (der Ort hängt stark vom verwendeten Thema ab).
Klicken Sie dann auf die Schaltfläche Menü speichern.
Hinzufügen von Ankern zur Seite mit Elementor
Navigieren Sie zu Seiten > Registerkarte Neu hinzufügen auf der linken Seite des Dashboards, oder Fahren Sie mit der Bearbeitung der vorhandenen Homepage fort.
Klicken Sie auf Mit Elementor bearbeiten, um die Seite mit dem Elementor Live Page Builder zu bearbeiten.
Fügen Sie einen neuen Abschnitt hinzu und wählen Sie eine einzelne Spaltenstruktur aus.
Suchen Sie den Block Allgemeine Elemente und suchen Sie das Modul Menüanker (möglicherweise müssen Sie in der Liste der Module scrollen, um es anzuzeigen).
Ziehen Sie das Menü-Anker-Modul in die kürzlich erstellte Spalte und legen Sie es dort ab.
Im Inhaltsblock sehen Sie die ID des Menüankers. Hier müssen Sie die Anker-ID platzieren (z. B. verwenden Sie die Home-ID, um den Block mit dem #home-Ankerlink zu verbinden, die Dienste-ID für den #services-Ankerlink usw.).
Klicken Sie auf die Schaltfläche Speichern, um die Änderungen zu speichern.
Jetzt müssen Sie diese Seite als Zielseite Ihrer Website festlegen. Navigieren Sie dazu zu Einstellungen > Registerkarte Lesen auf der linken Seite des Dashboards.
Wählen Sie in Front Page Displays eine statische Seite.
Wählen Sie dann die neu erstellte Seite mit den Ankerlinks in der Liste Startseitenseiten aus.
Klicken Sie auf die Schaltfläche Änderungen speichern.
Falls die Ankerlinks nicht funktionieren, überprüfen Sie, ob die Links für die Menüelemente, die zur Seite führen, korrekt sind und ob die Anker mit den IDs identisch sind. Die Rechtschreibung ist sehr wichtig.
