WordPress-Inhaltsverzeichnis hinzufügen (Kadence WPlaybook ALL100 Theme)

Das ALL100 Theme, das Standard-WordPress-Theme von WPlaybook, enthält eine integrierte Inhaltsverzeichnis-Funktion. So sieht sie aus:

Jetzt sehen wir uns an, wie du ein solches Inhaltsverzeichnis in deine WordPress-Beiträge einfügst.

Inhaltsverzeichnis im ALL100 WordPress Theme einfügen

Wichtige Hinweise

Das WPlaybook ALL100 Theme ist für den WordPress-Blockeditor ausgelegt. Wenn du den Classic Editor verwendest, solltest du ihn deaktivieren und zum Blockeditor wechseln.

Wenn dir das nichts sagt, ist das kein Problem. Der aktuelle Standardeditor von WordPress ist der Blockeditor, daher kannst du normalerweise einfach weitermachen.

Inhaltsverzeichnis hinzufügen

Erstelle im Beitragseditor eine Eingabezeile wie unten gezeigt. Du kannst dafür an einer beliebigen Stelle einfach Enter drücken.

Diese Anzeige bedeutet auch, dass das Rank Math Plugin aktuell aktiviert ist.

Type / to choose a block or // to use Content AI

Sie zeigt außerdem, dass du über die Slash-Taste (/) das Menü zum Einfügen von Elementen öffnen kannst.

Gib nun /toc ein. Dann kannst du nach dem Inhaltsverzeichnis des WPlaybook Themes suchen.

Wenn du WPlaybook Theme TOC auswählst, wird an dieser Stelle ein Inhaltsverzeichnis eingefügt.

Hinweis: Wenn du zum ersten Mal ein Inhaltsverzeichnis einfügst, ist es normal, dass zunächst nichts erscheint.

Das Inhaltsverzeichnis erkennt automatisch h2-, h3- und h4-Tags, die im Beitrag eingefügt wurden. Wenn du also h2- oder h3-Überschriften verwendest, werden sie erkannt und in das Inhaltsverzeichnis aufgenommen.

• Wenn du Überschriftenblöcke hinzufügst, erscheinen sie automatisch im Inhaltsverzeichnis.

Einen Überschriftenblock erstellst du, indem du das Rautezeichen (#) eingibst und danach Leertaste drückst.

Für eine H3-Überschrift gibst du drei Rautezeichen (###) ein und drückst dann die Leertaste. Danach wechselst du in den Heading-3-Eingabemodus.

So sieht es aus.

Wenn du auf die linke Seite des Inhaltsverzeichnisses klickst, kannst du im rechten Menü die erkannten Überschriftenebenen nach Wunsch anpassen.

Aktuell ist das Inhaltsverzeichnis des WPlaybook Themes so eingestellt, dass h2- bis h4-Überschriften automatisch erkannt werden.

Inhaltsverzeichnis standardmäßig einklappen

Im Mai 2024 deutete ein geleakter Google-Algorithmus darauf hin, dass die Anzahl der Klicks eines Besuchers auf einer Website das Google-Ranking beeinflussen kann.

Bei WPlaybook haben wir überlegt, wie man diese Erkenntnis nutzen kann, und kamen zu dem Schluss, dass ein standardmäßig eingeklapptes Inhaltsverzeichnis positiv wirken kann.

Klicke auf das Inhaltsverzeichnis und öffne das rechte Menü. Aktiviere unter Collapsible Settings die Option Start Collapsed, damit das Inhaltsverzeichnis standardmäßig geschlossen bleibt.

Achte darauf, dass die Option blau aktiviert ist. Das ist ein Punkt, bei dem man sich leicht vertut.

Wenn die Einstellung korrekt ist, sieht die Beitragsvorschau so aus. Besucher müssen den Pfeil unten rechts anklicken, um das Inhaltsverzeichnis zu öffnen. Dadurch entsteht zusätzliche Interaktion auf der Website.

Wenn du ein violettes WPlaybook-TOC siehst (frühe Version)

Wenn du eine frühe Version des WPlaybook Themes verwendest, kann das Inhaltsverzeichnis mit einem violetten Rahmen erscheinen. Die Einfügemethode bleibt gleich.

Nach dem Einfügen kann die Beitragsdarstellung leicht verschoben wirken. Klicke zur Korrektur auf die drei Punkte und wähle „Pattern trennen“, um es sauber anzupassen.

Inhaltsverzeichnis automatisch in jeden Beitrag einfügen

Wenn es mühsam ist, das Inhaltsverzeichnis-Pattern jedes Mal manuell zu laden, kannst du es so einrichten, dass es in jedem Beitrag automatisch erscheint.

Eine Möglichkeit ist die Funktion „Kadence Elements“ in Kadence Pro. Damit kannst du das Inhaltsverzeichnis automatisch in jeden Beitrag einfügen lassen.

(Kadence Pro) Inhaltsverzeichnis automatisch in jeden Beitrag einfügen

Fazit

Heute haben wir uns angesehen, wie du ein Inhaltsverzeichnis in WordPress einfügst. Wenn du weitere Möglichkeiten zur Anpassung deiner WordPress-Website kennenlernen möchtest, schau dir auch den Sammelbeitrag zur WordPress-Anpassung an.