{"id":505,"date":"2019-12-07T14:28:28","date_gmt":"2019-12-07T13:28:28","guid":{"rendered":"https:\/\/www.mightypress.de\/?p=505"},"modified":"2021-06-13T19:47:13","modified_gmt":"2021-06-13T17:47:13","slug":"wordpress-anker-setzen","status":"publish","type":"post","link":"https:\/\/wpfellows.com\/de\/wordpress-anker-setzen\/","title":{"rendered":"WordPress Anker setzen – So geht’s auch ohne Plugin"},"content":{"rendered":"

Man muss nicht immer gleich ein Plugin installieren, wenn man eine ganz kleine Sache in WordPress umsetzen m\u00f6chte. Langfristig macht das deine WordPress Installation einfach so langsam wie eine Schnecke im Sandkasten. Deshalb zeige ich dir in diesem Artikel, wie man in WordPress Anker setzen<\/strong> kann und dabei ganz ohne Plugin auskommt.<\/p>

Was ist \u00fcberhaupt ein Anker?<\/h2>

Schauen wir uns erstmal an, was genau ein Anker \u00fcberhaupt ist. Gerade Einsteiger kennen diese uralte HTML-Funktion n\u00e4mlich gar nicht.<\/p>

Ein Anker, Ankerlink oder wenn du’s fancy magst auch Anchor, ist ein Link, der Inhalte innerhalb eines Dokuments verlinkt. Anders, als bei einem normalen Link, wird hier der Leser innerhalb des gleichen Artikels zu einem anderen Abschnitt gef\u00fchrt. Man kann einen Anker auch Sprungmarke nennen.<\/strong><\/p>

H\u00e4ufig werden Anker innerhalb von Inhaltsverzeichnissen von sehr langen Artikeln verwendet.<\/p>

Wenn du es ganz genau wissen willst, hat Sistrix<\/a> schon einen guten Erkl\u00e4rartikel \u00fcber den HTML-Anchor geschrieben.<\/p>

Und weil das gerade so sch\u00f6n passt, habe ich dir die wichtigen Abschnitte in diesem Artikel direkt mal mit Ankern verlinkt:<\/strong><\/p>

WordPress Anker per HTML setzen<\/a>
WordPress Anker im Gutenberg Editor anlegen<\/a>
Anker von einer externen Seite verlinken<\/a><\/p>

WordPress Anker per HTML setzen<\/h2>

In der ersten Anleitung<\/a> des Artikels, gehe ich erstmal darauf ein, wie du einen Anker per HTML setzen kannst. Man kann eine Menge \u00fcber diverse Tools machen, aber es ist immer gut, wenn man wei\u00df, wie es auch \u201epur\u201c geht.<\/p>

Dann versteht man wesentlich besser, warum die Dinge so funktionieren, wie sie es tun.<\/p>

Schritt 1: Das Anker Ziel festlegen<\/h3>

Gehe zu dem Bereich, der \u00fcber den Link erreichbar sein soll. Das kann ein Textabsatz sein, aber auch ein Bild oder bestenfalls eine Zwischen\u00fcberschrift.<\/p>

Denke dir einen m\u00f6glichst eindeutigen Namen f\u00fcr diesen Bereich aus und bearbeite den Bereich direkt im Code.<\/p>

Am Beispiel einer Zwischen\u00fcberschrift w\u00fcrde das so aussehen:<\/strong><\/p>

<h2 class=\"dies-ist-dein-Link\">Eine tolle Zwischen\u00fcberschrift mit gesetztem Anker<\/h2><\/code><\/pre>

Der Trick ist hier der Bereich \u201eclass\u201c mit dem eindeutigen Namen zwischen den Anf\u00fchrungszeichen. Er macht deine Zwischen\u00fcberschrift zu einem echten Anker, den du \u00fcber einen Link in deinem Artikel direkt aufrufen kannst.<\/p>