1.7 Tutorial: Ankerlinks

✔️ Mit Ankerlinks (Sprungmarken) können Sie eine Navigation innerhalb einer Map aufbauen. Hierzu setzen Sie selbst-benennbare Ankerlinks in Ihre Boxen und verlinken diese zum Beispiel über ein Inhaltsverzeichnis in einer Box.

1

Nehmen wir an, Sie wollen ein Inhaltsverzeichnis erstellen. Dann gehen Sie wie folgt vor:
1. Öffnen Sie die zu verlinkende Box mit dem Box-Editor.
2. Klicken Sie auf den Plus-Button und wählen Sie im Dropdown „Ankerlink“.
Ankerlink im Dropdown des Box-Editors
1. Es wird im Boxinhalt !#anchor eingefügt (als Vorlage).
2. Benennen Sie den Anker nach Belieben um, zum Beispiel zu !#start1. Achten Sie darauf, dass das Ankerwort ein zusammenhängendes Wort ist und dass die Zeichen !# stets direkt vor dem Wort stehen (ohne Leerzeichen, alles klein schreiben).
3. Speichern Sie die Box.
Der Ankerlink ist nun mit der Box verknüpft und kann zur Navigation (Verlinkung) genutzt werden.
⚙ erstellen

2

Ist ein Ankerlink mit einer Box verknüpft, so sehen Sie das Ankerwort im Bearbeitungsmodus wie folgt:
Sichtbarer Ankerlink im Boxinhalt
Diesen Link können Sie nun zur Navigation verwenden.
1. Öffnen Sie den Box-Editor für die Box, wo verlinkt werden soll.
2. Schreiben Sie Ihren Text.
3. Markieren Sie ein Wort im Text mit der Maus und klicken auf den Button „Link einfügen“.
4. Tragen Sie nun Ihren Ankerlink ein, zum Beispiel !#start1.
5. Speichern Sie die Box.
Text verlinken mit Ankerlink
⚙ verlinken

3

Wenn Sie nun auf den gesetzten Link klicken, so wird innerhalb der Map auf die verlinkte Box gescrollt (wo sich der Ankerlink befindet) und die Box blinkt drei Mal.
Sprung zur verlinkten Box mit Ankerlink
Zudem erscheint ein kleiner Zurück-Button links unten an der Box.
Sie können aber genauso den Zurück-Button des Browsers verwenden (oder den Zurück-Button an Ihrer Maus), um zur vorigen Box zurückzuspringen.
⚙ navigation

4

Ankerlinks können auch in Textfeldern gesetzt werden. So sind weitere Anwendungen möglich:
1. Sprung von Textfeld zu Textfeld
2. Sprung von Textfeld zu Box
3. Sprung von Box zu Textfeld
Beim Sprung zum Textfeld blinkt das Textfeld drei Mal und ist kurz rot markiert.
Sprung zum verlinkten Textfeld mit Ankerlink
Eingabe für das Ziel-Textfeld:
Mein Text hier #!ziel
Eingabe für das verlinkende Textfeld:
Mein {Link zum Textfeld}{#!ziel}
⚙ textfelder

5

In der folgenden Bespiel-Map sehen Sie, wie die Navigation mit Ankerlinks funktioniert.
Beispiel: Inhaltsverzeichnis mit Ankerlinks LINK
Klicken Sie im Inhaltsverzeichnis auf einen Link, so bewegt sich die Ansicht zu der entsprechenden Box.
Benutzen Sie den Zurück-Button an der Box oder den Zurück-Button im Browser, so wird zum Inhaltsverzeichnis zurück navigiert.
⚙ beispiel

6

Ankerlinks können zur map-eigenen Navigation genutzt werden.
Zum Beispiel für eine Liste aller Kurse in der ersten Box auf der Map oder für ein Inhaltsverzeichnis.
Sie können jedoch auch einen Ankerlink an Ihren Map-Teilen-Link anfügen und so direkt auf eine Box verlinken. Hierzu setzen Sie an das Ende des Map-Links einfach den Ankerlink heran mit #meinanker (ohne Ausrufezeichen).
⚙ hinweise