Der Menü-Anker ist ein hilfreiches Feature in Elementor, das dir ermöglicht, bestimmte Abschnitte deiner Webseite gezielt anzusteuern. Damit kannst du deinen Nutzern ein intuitives Surferlebnis bieten. In dieser Anleitung erkläre ich dir, wie du Menü-Anker effizient einsetzen kannst, um von einem Punkt deiner Seite zu einem anderen zu springen.
Wichtigste Erkenntnisse
- Menü-Anker in Elementor ermöglichen das einfache Steuern zu spezifischen Abschnitten der Seite.
- Mit einer klaren ID kannst du Links erstellen, die direkt zu den entsprechenden Ankern führen.
- Der Einsatz von Menü-Ankern verbessert die Navigation, insbesondere bei langen Seiten.
Schritt-für-Schritt-Anleitung
Zuerst öffnest du deine WordPress-Seite mit Elementor. Gehe zu der Seite, auf der du die Menü-Anker einfügen möchtest.
1. Menü-Anker einfügen
Der erste Schritt besteht darin, einen neuen Menü-Anker zu erstellen. Dies erfolgt unter dem Reiter „Generelles“ in Elementor. Suche nach dem Anker-Element und ziehe es in den gewünschten Bereich, beispielsweise ganz oben auf der Seite.
2. IDs festlegen
Jetzt gibst du einer ID einen Namen. Diese ID ist entscheidend für das Verlinken später. Zum Beispiel könntest du die ID „testiid“ wählen. Achte darauf, keine Umlaute zu verwenden. Zahlen und Buchstaben sind erlaubt, sodass „testiid10“ eine valide Option wäre. Kopiere die ID, um sie später zu verwenden.
3. Anker auf den Inhalt anwenden
Nun wendest du die ID an. Ziehe den Anker an die gewünschte Stelle, beispielsweise auf eine Überschrift oder einen anderen Abschnitt. Hier kannst du die ID „testiid“ verwenden, um den Link später zu erstellen.
4. Zweiten Anker einfügen
Falls du mehrere Anchor Links brauchst, kannst du einen weiteren Anker für einen anderen Abschnitt hinzufügen, zum Beispiel zu einer Bildersammlung. Nenne diesen Anker „ich bin“ und platziere ihn entsprechend.
5. Button mit Link versehen
Jetzt ist es an der Zeit, einen Button zu erstellen, der auf einen der Anker verweist. Das geht, indem du den Button bearbeitest und den Link einfügst. Der Link sollte das Format „#testiid“ haben. Speichere die Änderungen, sobald du den Link eingetragen hast.
6. Änderungen speichern und testen
Nachdem du die Links für die Buttons und Anker angelegt hast, speichere die Änderungen. Aktualisiere die Seite und teste die Buttons. Sie sollten dich jetzt zu den gewünschten Abschnitten bringen.
7. Weitere Links hinzufügen
Wenn du weitere Buttons mit Links zu anderen Ankern hinzufügen möchtest, wiederhole das Verfahren. Das Erstellen von Links bleibt gleich, es muss nur die jeweilige ID ergänzt werden.
8. Nutzen von Menü-Ankern auf langen Seiten
Menü-Anker sind besonders nützlich, wenn du lange Seiten hast, wie etwa Impressum- oder Datenschutzerklärungen. Nutzer können direkt zu den gewünschten Punkten auf der Seite navigieren, was die Benutzerfreundlichkeit steigert.
9. Flexibilität bei der Gestaltung
Du kannst auch entscheiden, ob du lieber Buttons oder Header verwenden möchtest, um deine Ankerlinks sichtbar zu machen. Eine flexibles Design sollte deine persönliche Note widerspiegeln.
Zusammenfassung
Menü-Anker stellen eine einfache, aber effektive Möglichkeit dar, um die Navigation auf deiner Webseite zu optimieren. Mit nur wenigen Schritten kannst du die Nutzerführung deutlich verbessern und ein besseres Erlebnis bieten. Denk daran, dass jede ID eindeutig sein muss, um Konflikte zu vermeiden.
Häufig gestellte Fragen
Was ist ein Menü-Anker?Ein Menü-Anker ermöglicht es, zu einem bestimmten Abschnitt einer Webseite zu navigieren.
Wie erstelle ich einen Menü-Anker?Zuerst fügst du einen Anker in Elementor hinzu und vergibst eine eindeutige ID.
Sind Umlaute in IDs erlaubt?Nein, Umlaute sollten vermieden werden. Verwende stattdessen Buchstaben und Zahlen.
Kann ich mehrere Menü-Anker auf einer Seite verwenden?Ja, du kannst beliebig viele Menü-Anker auf einer Seite einfügen.
Was passiert, wenn ich die ID ändere?Wenn du die ID eines Ankers änderst, musst du auch die Links, die darauf verweisen, entsprechend anpassen.
