in ,

WordPress Inhaltsverzeichnis erstellen: Mit oder ohne Plugin!

Inhaltsverzeichnis mit WordPress

WordPress Inhaltsverzeichnis erstellen: Mit oder ohne Plugin! Bei Beiträgen mit viel Inhalt ist ein Inhaltsverzeichnis eine wirklich praktische Sache. In WordPress Blogs lässt sich ein solches mit wenig Aufwand erstellen. Zu Hilfe eilen dabei Sprungmarken und Anker, welche im Klassik-Editor genauso wie im Gutenberg-Editor manuell gesetzt werden können. Plugins können Dir diese manuellen Arbeiten abnehmen und bieten Dir zusätzliche Funktionen.

Alles über Inhaltsverzeichnisse in WordPress

Wenn Du nun mehr über Inhaltsverzeichnisse in WordPress wissen möchtest, solltest Du weiter lesen! Denn in diesem Artikel schauen wir uns an, wie ein Inhaltsverzeichnis mit den WordPress eigenen Bord-Mitteln erstellt wird, welche Plugins es gibt und wann, wieso und für wenn ein Inhaltsverzeichnis nützlich ist. Fangen wir also direkt mit dem ersten Punkt an:

Nutzerfreundlichkeit – Usability mit Inhaltsverzeichnis verbessern!

Du kennst folgende Situation bestimmt auch? Irgendwo in einer Anleitung, welche Du über eine Suchmaschine gefunden hast, versteckt sich die gesuchte Information! Aber um diese zu finden, musst Du scrollen und scrollen und suchen und suchen! Wäre es da nicht schön am Anfang des Artikels ein Inhaltsverzeichnis zu haben, welches Dich bestenfalls, mit einem Klick, direkt zur gesuchten Information bringt? Bestimmt würde Dir das Gefallen. Aus diesem Grund solltest auch Du, Deinen Besuchern ein Inhaltsverzeichnis anbieten. Erst recht, wenn Du lange Artikel mit vielen Abschnitten veröffentlichst.

Suchmaschinen Optimierung inkl.

Ein Inhaltsverzeichnis trägt also zur Nutzerfreundlichkeit einer Website/einem Blog bei. Was eine bessere Usability, ein besseres Nutzer-Erlebnis (UX, User Experience) zur Folge hat oder haben kann. Struktur, wird dem Beitrag, der Seite oder jeglichem anderen Format, dadurch ebenfalls verliehen. Beide Punkte, die Usability so wie auch die Struktur einer Seite, helfen direkt oder indirekt ein besseres Ranking in den Suchmaschinen zu erreichen. Die Argumente für ein Inhaltsverzeichnis werden stärker und stärker! Aber, weil Du wahrscheinlich über eine Suchmaschine auf diesen Beitrag gelangt bist?! Hast Du Dich wohl ohnehin bereits dafür entschieden, ein Inhaltsverzeichnis zu erstellen. Also lass uns, nachdem die Frage nach dem Wieso und Warum jetzt geklärt ist, direkt einsteigen:

WordPress Inhaltsverzeichnis erstellen – mit Plugin!

WordPress Inhaltsverzeichnis Plugin: In diesem Abschnitt gehen wir der Frage nach, welche Plugins es für die Erstellung eines Inhaltsverzeichnisses gibt und was diese Plugins können und was sie nicht können. Es gibt nicht viele Plugins für unseren Zweck. Das Plugin „Tabel of Contents Plus“ war lange die erste Wahl. Leider wurde es das letzte Mal vor drei Jahren aktualisiert. Du möchtest eigentlich kein Plugin installieren, was so lange nicht mehr aktualisiert wurde? Dies, obwohl es seinen Dienst wohl noch tadellos ausführt? – mehr als 300`000 aktive Installationen soll es laut Statistik auf WordPress.org noch geben! Kein Problem! Vom Plugin gibt es einen Fork – das „Easy Table of Contents“ von Steven A. Zahm:

Plugin 1 – Easy Table of Contents



Easy Table of Contents: Der einfache Weg ein Inhaltsverzeichnis in Beiträge, Seiten und andere Post-Typen einzufügen. Das Plugin erstellt automatisch auf der Basis der vergebenen Überschriften, innerhalb eines Beitrages, ein Inhaltsverzeichnis. Obwohl es automatisch erzeugt wird kannst Du aber Dank umfangreichen Optionen bestimmen, wo und unter welchen Voraussetzungen es ausgegeben werden soll.



Aussehen Anpassen

Auch das Aussehen kann über das Optionen-Panel auf die eigenen Wünsche angepasst werden. Dabei kannst Du auf vorgefertigte Templates zurückgreifen, ein eigenes Erstellen oder eins der fertigen bearbeiten. Es bietet die Möglichkeit, das Inhaltsverzeichnis im Frontend ein oder zuklappen. Das bedeutet, Besucher können selbst entscheiden, ob sie es sehen oder nicht sehen möchten. Und Du bestimmst, ob es standardmäßig ein oder ausgeklappt sein soll.



Wie Du auf dem Screenshot oben erkennen kannst, gibt es zahlreiche Optionen, um Dein Inhaltsverzeichnis Deinen Bedürfnissen anzupassen. Du kannst unter anderem die Breite, die Titel-Schriftgröße, die Strichstärke und vieles mehr anpassen. Um das Design zu ändern, navigiere im WordPress-Menü zu Einstellungen und dann zu Table of Contents.

Tipp! Responsives Inhaltsverzeichnis

Wenn Du möchtest, dass Dein Inhaltsverzeichnis Responsive ist, wechsle bei Individuelle Breite auf Prozent (%) und stelle 100 % ein. Im Screenshot oben ist dies bereits so eingestellt. So passt sich das Inhaltsverzeichnis der Größe des Bildschirmes Deiner Besucher an. Dies ist natürlich nur möglich, wenn Du auch möchtest, dass es 100 % bzw. über die ganze Breite Deines Beitrages angezeigt wird.

Allgemeine Einstellungen



Oben im Screenshot sind die Allgemeinen Einstellungen für das Plugin zu sehen. Du kannst diese wieder auf dem gleichen Weg erreichen, wie Du die Einstellungen für die Design-Anpassungen erreicht hast. Wichtig sind vorwiegend die ersten zwei Punkte:

Automatisch einfügen oder nicht!

  • Unterstützung aktivieren: Hier geht es darum, für welche Inhaltstypen Du ein Inhaltsverzeichnis erstellen möchtest bzw. die Funktion dafür freigeschaltet werden soll. Setze also ein Häkchen in die Boxen der jeweiligen Beitragsart, für welche Du ein Inhaltsverzeichnis möchtest bzw. die Funktion dafür freischalten möchtest!
  • Automatisch einfügen: Das Plugin kann das Einfügen automatisieren! Ob Du das möchtest oder aber nicht, kannst Du im Bereich der Allgemeinen Einstellungen festgelegt. Wenn Du also möchtest, dass das Inhaltsverzeichnis automatische ausgegeben wird, kannst Du dies tun, indem Du ein Häkchen in die Box vor der jeweiligen Beitragsart setzt. Wenn Du kein Häkchen setzt, so kannst Du bei jedem Beitrag, jeder Seite das Inhaltsverzeichnis Manuel freischalten.

Position

Unter Position kannst Du bestimmen, wo das Inhaltsverzeichnis angezeigt werden soll. Du kannst wählen zwischen: Vor der ersten Überschrift, nach der ersten Überschrift, oben oder unten. Diese Position ist dann global gültig! Du kannst nicht für einzelne Beiträge oder Seiten eine andere Position wählen.

Weitere Allgemeine Einstellungen

Wie du siehst, sind unter Allgemeine Einstellungen viele weitere Einstellungen zu finden. Dies sind selbsterklärend oder Erklärungen sind angefügt. Experimentiere einfach ein wenig damit herum und erstelle Dein Inhaltsverzeichnis nach Deinen Wünschen. Vermisst Du eine Funktion, genügen Dir die Funktionen von diesem Plugin nicht? Dann schaue Dir das Nächste an – dieses bietet noch mehr Funktionen!



Plugin 2 – CM Table of Contents



Das CM Table of Contents ist ein Plugin aus dem Hause CreativeMinds. Dieses Plugin gibt es in einer kostenlosen und einer kostenpflichtigen Pro-Version. In der kostenlosen Version ist der Funktionsumfang etwas geringer als beim oben erwähnten Easy Table of Contents Plugin. In der Pro-Version holt CM Table of Contents aber wieder auf und bietet einige Funktionen mehr als Easy Table of Contents. Aber auch mit der kostenlosen Version kannst Du ein schönes Inhaltsverzeichnis für deine Beiträge und Seiten erstellen.

Neben den Standard-Funktionen bzw. die mit dem obigen Plugin identischen, wie das automatische erstellen, einfügen und optische anpassen des Inhaltsverzeichnisses – gibt es in der Pro-Version vom CM-Plugin einige interessante Zusatzfunktionen:

Das Inhaltsverzeichnis kann manuell – mittels eines Shortcodes an beliebiger Stelle eingefügt werden. Du kannst also pro Beitrag oder Seite entscheiden, wo Du das Inhaltsverzeichnis platzierst. Ein Nach-Oben-Button (Back to the Top) kann unter jedem Abschnitt des Inhaltsverzeichnisses eingefügt werden. So kann der Leser Deines Artikels vom Inhaltsverzeichnis aus – auf einen Abschnitt navigieren und von diesem, wieder zurück zum Anfang des Artikels springen.



CreativeMindes bietet ein Plugin-Bundle an! Inkl. CM Table of Contents. Mehr als 99 weitere Plugins sind in diesem Plugin-Pack enthalten.

Inhaltsverzeichnis erstellen ohne Plugin

Im Titel steht ja geschrieben, dass dies eine Anleitung für das Erstellen eines Inhaltsverzeichnisses mit und ohne Plugin ist. Nun kommen wir zu dem Punkt, wie man eines ohne Plugin erstellen kann. Aber gleich vorweg, so viele Gestaltungsmöglichkeiten wie mit dem vorher besprochenen Plugin gibt es hier nicht – nicht annähernd! Wir benötigen dafür den Listen-Block und diverse Überschriften-Blöcke!

Listen-Block einfügen

Am einfachsten erstellt man ein Inhaltsverzeichnis ohne Plugin mit dem Listen Block. Klicke auf das Plus-Symbol, um den Listen Block in Deinen Beitrag einzufügen. Nun kannst Du die Punkte auflisten bzw. aufschreiben, welche in Deinem Verzeichnis enthalten sein sollen. Wenn, Du alle Punkte aufgeführt hast, können die Sprungmarken gesetzt werden. Du kannst Dein Inhaltsverzeichnis natürlich auch nachträglich erweitern oder es Punkt für Punkt erstellen. Du musst nicht alle Punkte bereits in der Liste aufgeführt haben, um Sprungmarken setzten zu können.

Sprungmarken (Anker) setzten



Mit sogenannten Sprungmarken oder Ankern kannst Du direkt zu einem Abschnitt auf Deiner Seite oder Deinem Beitrag verlinken. Diese können per HTML überall gesetzt werden bzw. jedes Wort, jeder Abschnitt kann so verlinkt werden. In unserem Beispiel für das Inhaltsverzeichnis benutzen wir dafür den Überschriften-Block.

Du kannst diesen Anker setzen, in dem Du einen Überschriften Block (1) in Deinem Beitrag anklickst und in der Seitenleiste (2) auf der rechten Seite den Reiter Erweitert öffnest. Bei HTML-Anker (3) kannst Du dieser Überschrift einen Anker vergeben. Du kannst ihn benennen, wie Du möchtest, setzt dann ein (#) Zeichen vor den Namen. Beispielsweise #eintrageins! Beachte dazu die drei Schritte, welche im Screenshot oben abgebildet sind.

Listen-Eintrag verlinken



Nun kannst Du den Eintrag, welchen Du unter „HTML-Anker“ gesetzt hast, mit dem Eintrag in deiner Liste verlinken. Markiere Dazu den Eintrag in deiner Liste und füge den Anker über das Link-Werkzeug der Blockwerkzeuge-Leiste ein.

Video Anleitung

Zusammenfassung

Ein Inhaltsverzeichnis kann auch ohne Plugin ziemlich einfach erstellt werden. Allerdings hast Du dabei nicht so viele Gestaltungs-Möglichkeiten, wie, wenn Du ein Plugin nutzt. Außerdem ist das Erstellen ohne Plugin mit Aufwand verbunden. Mit einem Plugin kannst Du Dir einiges an Arbeit und Zeit ersparen und ein optisch-schöneres Inhaltsverzeichnis erstellen.

Kostenloser Newsletter
Bekomme die relevantesten WordPress News direkt in Dein E-Mail-Postfach!
Wir respektieren Deine Privatsphäre!

10 Comments

Leave a Reply
  1. „Du kannst ihn benennen wie Du möchtest setzt dann ein (#) Zeichen vor den Namen. Beispielsweise #eintrageins! Beachte dazu die drei Schritte welche im Screenshot oben abgebildet sind.“

    Ist nicht mehr nötig. Nur beim verlinken im Inhaltsverzeichnis muss man mit einem Hashtag verlinken. Wird im eingebettetem Video auch so gezeigt.

  2. Hallo, gut beschrieben. Nur ich habe ein Problem: Das Format von der Überschrift ändert sich, wenn ich das Plugin nutze. Also die Schrift ist dann genauso wie die vom Test. Kann man das irgendwie ändern?

  3. Hallo…unter einem Inhaltsverzeichnis verstehe ich, das mein ganzer Blog darin gelistet ist, wie bei einem Buch. Es hilft mir nicht, wenn nur der Inhalt einer Seite mit einem Inhaltsverzeichnis versehen ist. Ich brauche alle Inhalte. Gibt es da ein Plugin?

    Schaut mal ganz toll aus… bringt mich aber Ceo-technisch nicht weiter. Ich will, das meine Leser über alle Inhalte informiert sind. Wie bei einem Buch halt zum Nachschlagen…

    • Hallo Caseman,

      das was Du suchst, ist eine Sitemap. Dafür gibt es einige Plugins, möglicherweise hast Du bereits unwissentlich eines in Verwendung, da das zur Grundfunktionalität von SEO-Plugin wie Rankmath oder Yoast Seo gehört.

  4. Hallo, vielen Dank für den Artikel. Ich habe das Table of Contents installiert, nur leider springt es kurz nach unten und sofort wieder ganz nach oben, woran kann das liegen? Ich habe auf der rechten Seite so einen Pfeil wo man schnell wieder nach oben kommt, stört dieser evtl?
    Vielen Dank

    Gruß Anette

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Instagram und WordPress

WordPress mit Instagram verbinden: Instagram Fotos und Videos einbinden mit und ohne Plugin!

Grafiken und Bilder für Blogs

Tools – So kannst Du schöne Bilder und Grafiken für Deinen Blog und Social Media erstellen!