Eine Sprungmarke ist ein Link innerhalb einer Seite, der auf eine andere Stelle der Website verweist. Du benötigst dazu einmal einen Link und dann ein Linkziel auf der Seite. Auf diese Weise kannst du Menüs (oder auch einzelne Links auf einer Seite) bauen, die an eine beliebige Stelle im Dokument springen.
Erstellen des Links
In diesem Beispiel legen wir einen Link mit folgender Sprundmarke an: #agentur. Wir wollen über einen HTML-Link zur Sektion "Agentur" auf unserer Seite springen. Zusätzlich wollen wir über das Menü auf diese Sektion verweisen.
Zunächst erstelle einen normalen HTML-Link mit der Sprungmarke "#agentur". Den Namen der Sprungmarke und des Links kannst du beliebig wählen. Die Sprungmakre muss aber mit einer Raute (#) anfangen. Der Link schaut dann so aus:
<a href="#agentur">Beliebiger Linktext, z.B. Agentur</a>
Jetzt möchten wir den Link im Menü einbauen. Dazu müssen wir einen neuen Menüpunkt erstellen,
- Gehe zu DESIGN > MENÜS
- Erstelle als Menüpunkt einen "Individuellen Link" und trage als URL deine Sprungmarke ein. In meinem Beispiel ist dies #agentur.
- Trage einen beliebigen Link-Text ein.
- Füge den Punkt deinem Menü hinzu.
Sprungziel festlegen
Jetzt kannst du jedes Element im Pagebulder anspringen, welches zu deiner Sprungmarke passt. Dazu musst du in den Einstellungen der Sektion, Zeile oder des Moduls unter ERWEITERT > BENUTZERDEFINIERTES CSS > CSS ID deine Sprungmarke eintragen.
Wichtig: Dein Sprungziel muss wie deine Sprungmarke heißen, aber ohne Raute (#). In meinem Beispiel also "agentur".
In meinem Beispiel lege ich jetzt eine Sprungmarke für eine Sektion fest. Öffne die Sektion (Bild 1) und füge den Namen der Sprungmarke (ohne #) unter CSS ID ein (Bild 2)
Perfekt. Ab sofort springt der oben angelegte Menüpunkt "#agentur" zur Sektion "agentur".
Sprungmarken von externen Seiten
Du kannst auch von externen Seiten direkt auf eine Sprungmarke verweisen. In diesem fall musst du die Sprungmarke an die gewünschte URL einfach anhängen.
Beispiel-URL: https://designers-inn.de
Sprungmarken-ID auf der Seite: #agentur
Link zur Sprungmarke: https://designers-inn.de#agentur
