Schreiben und Bearbeiten

Inhalte aufteilen »Sprungmarken

Sprungmarken werden manchmal auch als Ankerlinks bezeichnet und ermöglichen dir durch Anklicken dieses Links direkt an einen Punkt weiter oben oder unten auf einer langen Seite zu springen. Das folgende Inhaltsverzeichnis ist ein gutes Beispiel für Sprungmarken.

Inhaltsverzeichnis

Wozu dienen Sprungmarken?

Eine Sprungmarke ist eine hervorragende Möglichkeit, deine Besucher von einem Inhaltsabschnitt zu einem anderen zu führen.

Neben wir z. B. an, dass am Anfang deines Beitrags eine Namensliste aufgeführt ist. Du kannst jeden Namen mit einem anderen Ort weiter unten im Beitrag verlinken, damit deine Besucher sofort zu der Information über den Namen springen können, an dem sie interessiert sind. Außerdem kannst du die Leser auch wieder direkt zur Namensliste zurückführen.

 Diese Anleitung gilt für den WordPress-Editor bzw. den Block-Editor. Eine Anleitung für den klassischen Editor oder für das Erstellen von Sprungmarken mithilfe von HTML findest du hier.


↑ Inhaltsverzeichnis ↑

Sprungmarke erstellen

  1. Füge mit dem Plus-Symbol einen neuen Block hinzu.
  2. Wähle den Blocktyp Überschrift oder gib /heading als Tastaturkürzel für den Überschriftsblock ein.
  3. Gib deinen Überschriftstext ein.
  4. Klicke rechts unter den Blockeinstellungen auf Erweitert.
  5. Gib in das HTML-Anker-Feld ein Wort ein, das als dein Link dienen soll.

Achte darauf, dass sich keine Leerzeichen in deinen IDs befinden, da diese in älteren Browsern zu Problemen führen können. Außerdem muss jedes Ziel, das du erstellst, mit einer jeweils eigenen ID versehen werden.

Sprungmarke erstellen

Merke dir, was du als Anker-/Sprungmarkentext eingegeben hast. Du benötigst diesen Text im nächsten Schritt.


↑ Inhaltsverzeichnis ↑

Eine Sprungmarke verlinken

  1. Gib Text ein oder füge ein Bild oder einen Button. Hierüber gelangen deine Besucher zu einem anderen Abschnitt, indem sie darauf klicken.
  2. Markiere den Text, bzw. das Bild oder den Button und wähle die Option verlinken aus der Toolbar des Blocks.
    Sprungmarke – Link erstellen
  3. Gib den von dir erstellten HTML-Anker ein und stelle das Rautensymbol (#) voran. Wenn du zum Beispiel einen Anker namens sprungmarke-erstellen erstellt hast, verlinkst du zu #sprungmarke-erstellen.

Wenn Besucher nun auf den von dir erstellten Link klicken, gelangen sie zu dem Header, zu dem du den HTML-Anker hinzugefügt hast, als du eine Sprungmarke erstellt hast (Klicke hier, um zurück zu diesem Abschnitt zu springen!).

Anleitung zu den Sprungmarken

Die Sprungmarken-Links funktionieren nicht in der Vorschau deiner Website. Aber du kannst sie testen, nachdem du die Website-Seite veröffentlicht hast.


↑ Inhaltsverzeichnis ↑

Sprungmarken ohne Text

Du kannst auch wenn du keinen Text anzeigen möchtest, einen leeren Header erstellen und einen HTML-Anker hinzufügen.

Sprungmarke – leerer Header

↑ Inhaltsverzeichnis ↑

Sprünge zu einem Ziel auf einer anderen Seite oder in einem anderen Beitrag

Sprungmarken beschränken sich nicht auf eine Seite. Du kannst mit einer Sprungmarke eine andere Seite mit einem bestimmten Bereich auf einer Seite verlinken.

Auf der Live-Version der mit der Sprungmarke erstellten Seite kannst du auf deinen Link klicken und siehst, wie die Adresse der Seite in deiner Browser-Leiste mit dem Sprungmarken-Link ergänzt wird.

Beispiel:

  • Du hast auf deiner abgefahrenen Website eine Seite namens Beispiel erstellt und die Seitenadresse lautet deineabgefahrenedomain.com/beispiel.
  • Nun erstellst du einen Sprungmarken-Link namens unique-identifier auf dieser Seite zu einem Inhaltsabschnitt weiter unten.
  • Wenn du auf den Sprungmarken-Link klickst, ändert sich deine Seitenadresse zu deineabgefahrenedomain.com/beispiel/#unique-identifier.

Mit dieser Ziel-URL kannst du jetzt das Ziel mit jeder anderen Seite oder jedem anderen Beitrag auf deiner Website verlinken.

Sprungmarke – andere Seite

Seiten: 1 2

Still confused?

Contact support.