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 Element Textfeld oder nutze ein bestehendes für das Einfügen der Sprungmarke.
  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 Klick auf Ok.

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

<div style="background: #37a; color: #fea; padding: 0.2em; text-align: center;" id="#A1-Test"Test Sprung im Text</div>

<div style="background: #37a; color: #fea; padding: 0.2em; text-align: center;" a="" href="#A1-Test">Test Ziel im Text</div>

Zielmarke erstellen

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

<div "#Anker-Name"> </div>

Gehe dafür so vor:

  1. Suche dir die Stelle auf deiner Seite aus für das Ziel nach dem Klick auf die Sprungmarke.
  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.