Wie erstelle ich Textanker?

Mithilfe von Textankern können Besucher*innen automatisch an eine andere Stelle auf deiner Jimdo-Seite springen, ohne diese Passage lange suchen zu müssen.

Textanker erstellst du mit HTML-Code, welcher sich wie folgt zusammensetzt:

• Code für die Sprungmarke
• Code für die Zielmarke

Die beiden Codes fügst du an unterschiedlichen Stellen deiner Webseite ein.

Wichtiger Hinweis

Unser Support-Team unterstützt dich jederzeit gern bei den Standardfunktionen von Jimdo – bei eigenem Code vertrauen wir darauf, dass du dich selbst auskennst.

Sprungmarke erstellen

Der HTML-Code für die Sprungmarke sieht so aus:

<a href="#Anker-Name">Verlinkter Text</a>

Gehe nun wie folgt vor:

1. Erstelle ein neues Element Textfeld oder nutze ein bestehendes Textfeld, in welchem du die Sprungmarke einfügen möchtest.
2. Klicke in den Einstellungen des Elements unten auf das Symbol HTML bearbeiten (ganz rechts) aus. Damit öffnet sich der HTML-Editor.
3. Kopiere den HTML-Code der Sprungmarke.
4. Füge den Code für die Sprungmarke an die gewünschte Stelle deines Texts in den HTML-Editor ein und ändere die Platzhalter wie folgt:
5. Ersetze Anker-Name durch einen Namen für deinen Textanker. Hier ein Beispiel: #Textanker1 oder #MeinAnker
6. Ersetze Verlinkter Text mit den Worten, die später als Link erscheinen sollen – deine Besucher*innen sehen nur diesen Text als Link.
7. Speichere die Änderung mit einem Klick auf Ok.

Bitte beachte: Weise jedem Textanker einen individuellen Anker-Namen zu und nutze keine Leerzeichen, Umlaute oder Sonderzeichen (/, (, ), _, ., ;, ,) für deinen Anker-Namen.

Zielmarke erstellen

Der HTML-Code für die Zielmarke sieht so aus:

<div id="Anker-Name"> </div>

Gehe dafür so vor:

1. Suche dir die Stelle auf deiner Seite aus, zu der deine Besucher*innen nach einem Klick auf die Sprungmarke gelangen sollen.
2. Klicke an dieser Stelle auf Inhalt hinzufügen > Weitere Inhalte und Add-ons und wähle das Element Widget / HTML aus.
3. Kopiere den HTML-Code der Zielmarke.
4. Füge den Code für die Zielmarke im HTML-Editor ein.
5. Ersetze den Platzhalter Anker-Name durch den zuvor in der Sprungmarke festgelegten Anker-Namen.
6. Klicke auf speichern, um die Zielmarke zu erstellen – fertig!

Hinweis: Bei Designs mit fixierter Navigation (z.B. Stockholm) funktionieren Textanker eventuell nicht.