Was sind Sprungmarken oder auch Anchor Links?

Das sind Navigations-Links, die nicht auf eine separate Unterseite führen, sondern stattdessen zu einer bestimmten Sektion/Block/Element auf der Seite scrollen.

Die Logik dahinter ist die folgende:

Jedes Element kann im HTML eine sogenannte ID besitzen. Diese ID wird bei Sprungmarken als Link-Ziel hergenommen. Also wenn jemand auf einen Link klickt, der z. B. so aussieht:

<https://meineseite.de/#angebot>

oder nur

/#angebot

In dem Fall ohne https:// bedeutet der Schrägstrich „gehe zur Startseite und von dort aus navigiere zum Element mit der ID angebot„.

Die Umsetzung erfordert 2 Stellschrauben

  1. Z. B. auf der Startseite oben auf
    1. Seite Bearbeiten klicken
    2. Section auswählen, für die eine ID/Sprungmarke erstellt werden soll
    3. Advanced Tab anklicken
    4. Erweitert ganz unten ausklappen
    5. In das Feld “HTML-Anker” die ID setzen (beliebiger Text möglich)

https://digitalhuman.world/wp-content/uploads/2023/04/image-5-1024x686.png

  1. Menü Links ändern
    1. Links oben auf das Haus klicke, um zum Dashboard zu gelangen
    2. Design ➝ Menü anklicken
    3. Menüpunkt anklicken und auf Ausklapp-Pfeil rechts klicken
    4. Im Feld „URL“ dann z. B. „/#angebot“ eingeben (Der Schrägstrich eben wieder „Gehe auf die Home Seite“ + die ID (#) dazu mit dem Namen „angebot“

https://digitalhuman.world/wp-content/uploads/2023/04/image-6-1024x692.png

Was tun, wenn Sprungmarken von Unterseiten aus nicht funktionieren?

https://digitalhuman.world/wp-content/uploads/2023/04/image-7-1024x829.png