Sprungmarke erstellen
Mithilfe von Textankern können Besucher automatisch an eine andere Stelle auf der Web-Seite springen, ohne diese Passage lange suchen zu müssen.
Der HTML-Code für die Sprungmarke sieht so aus:
<a href="#Anker-Name">Zielstelle</a>
So sieht es dann aus:
Hier zum testen
➜ zur Zielstelle
Gehen Sie nun wie folgt vor:
- Erstellen Sie ein neues Textfeld oder verwenden Sie ein vorhandenes Textfeld, um die Sprungmarke einzufügen.
- Gehen Sie anschließend zu den Einstellungen des Elements und klicken Sie auf das Symbol "HTML bearbeiten".
- Sobald sich der HTML-Editor öffnet, kopieren Sie den HTML-Code für die Sprungmarke.
- Fügen Sie den Code an der gewünschten Stelle in Ihrem Text ein
- Ersetzen Sie die Platzhalter wie folgt: Ersetzen Sie "Anker-Name" durch einen individuellen Namen für Ihre Textanker. Beispielweise können Sie "#Textanker1" oder "#MeinAnker" verwenden.
- Ersetzen Sie "Verlinkter Text" mit den Wörtern, die später als Link angezeigt werden sollen.
- Speichern Sie die Änderungen, indem Sie auf "Ok" klicken.
Um die Zielmarke zu erstellen, verwenden Sie den folgenden HTML-Code:
<div id="Anker-Name"> </div>
Hier ist die Zielmarke:
Gehen Sie wie folgt vor, um die Zielmarke zu erstellen:
- Wählen Sie die Stelle auf Ihrer Seite aus, zu der Besucher nach einem Klick auf die Sprungmarke gelangen sollen.
- Klicken Sie auf "Inhalt hinzufügen" > "Weitere Inhalte und Add-ons" und wählen Sie das Element "Widget / HTML" aus.
- Kopieren Sie den HTML-Code der Zielmarke
- Fügen Sie ihn im HTML-Editor ein.
- Ersetzen Sie den Platzhalter "Anker-Name" durch den zuvor festgelegten Anker-Namen.
- Speichern Sie die Zielmarke, indem Sie auf "speichern" klicken – fertig!
Hinweis: Bei Designs mit fixierter Navigation (z.B. Stockholm) funktionieren Textanker eventuell nicht.