So fügen Sie Ihrem WordPress-Beitrag oder Ihrer Seite ein Inhaltsverzeichnis hinzu

Veröffentlicht: 2022-09-08

Wenn Sie Ihrem WordPress-Beitrag oder Ihrer Seite ein Inhaltsverzeichnis hinzufügen möchten, gibt es verschiedene Möglichkeiten, wie Sie dies tun können. Eine Möglichkeit ist die Verwendung eines Plugins wie Yoast SEO, das basierend auf den Überschriften in Ihrem Beitrag automatisch ein Inhaltsverzeichnis für Sie generiert. Eine andere Möglichkeit besteht darin, manuell ein Inhaltsverzeichnis mit HTML zu erstellen. Sie können dies tun, indem Sie eine Liste der verschiedenen Abschnitte in Ihrem Beitrag erstellen und dann jedem Abschnitt Anker-Tags hinzufügen. Dadurch können Leser auf einen Abschnitt im Inhaltsverzeichnis klicken und direkt zu diesem Abschnitt im Beitrag weitergeleitet werden. Schließlich können Sie auch den WordPress-Editor verwenden, um ein Inhaltsverzeichnis in Ihren Beitrag einzufügen. Platzieren Sie einfach Ihren Cursor an der Stelle, an der das Inhaltsverzeichnis erscheinen soll, und klicken Sie auf die Schaltfläche „Inhaltsverzeichnis einfügen“. Dadurch wird ein grundlegendes Inhaltsverzeichnis in Ihren Beitrag eingefügt, das Sie dann nach Ihren Wünschen anpassen können.

Sie können Ihre Posts besser organisieren und die Leser leichter Abschnitte finden, indem Sie jedem ein Inhaltsverzeichnis (TOC) hinzufügen. Darüber hinaus kann ein Inhaltsverzeichnis die Effizienz der Suchmaschinenoptimierung (SEO) Ihrer Website steigern. Sie können Schlüsselwörter einfach in diese praktischen Links integrieren, da sie ein sehr wichtiger Rankingfaktor sind. Eine WordPress-Site kann ein Inhaltsverzeichnis (TOC) haben. Wenn Sie ein Inhaltsverzeichnis erstellen möchten, müssen Sie das Plugin installieren. Ein Inhaltsverzeichnis kann auch manuell erstellt werden, indem Shortcodes und HTML verwendet werden. Der Stil des Inhaltsverzeichnisses hat einen erheblichen Einfluss darauf, wie gut Besucher es erleben.

WordPress bietet zwei Arten von Inhaltsverzeichnissen: Floating und Fixed. Ein schwebendes Inhaltsverzeichnis-Widget ist ein Widget, das an der Seite der Seite verbleibt, wenn der Benutzer die Seite nach unten scrollt. Obwohl es der TOC-Seitenleiste ähnlich ist, scrollt es nicht mit dem Benutzer, sondern bleibt fest.

Um das Inhaltsverzeichnis in der Seitenleiste anzuzeigen, gehen Sie zu Darstellung > Widgets und ziehen Sie das „Inhaltsverzeichnis+“-Widget per Drag-and-Drop in den Seitenleisten-Widget-Bereich. Sie sind jetzt fertig, da Sie sich entschieden haben, die Datei zu speichern. Bei allen Beiträgen und Seiten, bei denen das Inhaltsverzeichnis die Kriterien erfüllt, werden die Seitenleisten angezeigt. In jedem Fall wird das Seitenleisten-Widget des Artikels weiter gescrollt.

Wie füge ich ein Inhaltsverzeichnis zur Seitenleiste in WordPress hinzu?

Bildnachweis: qodeinteractive.com

Das Hinzufügen eines Inhaltsverzeichnisses zur Seitenleiste in WordPress ist ein zweistufiger Prozess. Zuerst müssen Sie ein benutzerdefiniertes Menü erstellen und es der Seitenleiste hinzufügen. Zweitens müssen Sie der Seitenleiste ein Widget hinzufügen, das das Inhaltsverzeichnis anzeigt.

Der Blog von Big Bob gibt Tipps zum Hinzufügen eines Inhaltsverzeichnisses zu Ihrer Seitenleiste mit WordPress. Es ist nicht erforderlich, WordPress mithilfe eines Plugins ein Inhaltsverzeichnis hinzuzufügen. Die Tabelle ist von Plugin-Updates nicht betroffen, wenn Sie sie selbst erstellen. Das Hinzufügen von HTML und CSS zu Ihrer Tabelle reicht aus, um eine langfristige Kompatibilität sicherzustellen. Nachdem Sie einen benutzerdefinierten HTML-Block erstellt haben, fügen Sie den folgenden Code in den Inhaltsbereich ein. Der Bewerbung darf kein Titel beigefügt werden. Stellen Sie sicher, dass die Anzahl der Listenelemente wie benötigt eingestellt ist und dass der Titel der Seite die Komponente „Seiteninhalt“ enthält. Erst wenn Sie den Inhalt Ihres Inhaltsverzeichnisses eingeben, wird es angezeigt.

So fügen Sie ein Inhaltsverzeichnis in WordPress Elementor hinzu

Bildnachweis: Elementor

Das Hinzufügen eines Inhaltsverzeichnisses in WordPress Elementor ist ein einfacher Vorgang. Erstellen Sie zunächst einen neuen WordPress-Beitrag oder eine neue Seite. Ziehen Sie dann das Element Inhaltsverzeichnis per Drag & Drop in Ihr Layout. Fügen Sie als Nächstes Ihre Überschriften und Unterüberschriften in die Tabelle ein. Klicken Sie abschließend auf die Schaltfläche Veröffentlichen, um Ihre Änderungen zu speichern.

Fügen Sie Ihrer Website mit dem Inhaltsverzeichnis-Widget von Elementor ein Inhaltsverzeichnis hinzu. Basierend auf der Hierarchie der Überschriften-Tags in Ihrem Inhalt generiert das Widget automatisch seinen Inhalt. Wenn ein Besucher auf einen Link klickt, dient er als Anker und führt ihn zu diesem Abschnitt der Seite. Verwenden Sie das Inhaltsverzeichnis-Widget in Elementor Theme Builder, um einem Inhalt ein Inhaltsverzeichnis hinzuzufügen. Auf der Registerkarte Inhalt können Sie den Inhalt des Widgets ändern. Geben Sie das Inhaltsverzeichnis auf der Registerkarte Einschließen ein und wählen Sie dann den Inhalt aus, der ein- oder ausgeschlossen werden soll. Die Registerkarte Ausschließen in Ihrem Beitrag kann verwendet werden, um bestimmte Überschriften zu entfernen, indem Sie einen CSS-Selektor auswählen.

So erstellen Sie ein Inhaltsverzeichnis in WordPress ohne Plugin

Es gibt verschiedene Möglichkeiten, wie Sie ein Inhaltsverzeichnis in WordPress erstellen können, ohne ein Plugin zu verwenden. Eine Möglichkeit besteht darin, einfach eine Liste der Themen zu erstellen, die Sie in Ihr Inhaltsverzeichnis aufnehmen möchten, und diese Themen dann mit den entsprechenden Seiten oder Posts auf Ihrer Website zu verlinken. Eine andere Möglichkeit besteht darin, ein Text-Widget zu verwenden und Ihr Inhaltsverzeichnis in dieses Widget einzufügen. Schließlich können Sie ein Inhaltsverzeichnis auch per Hand mit HTML und CSS erstellen.

Mit dem letzten WordPress-Update sind viele von uns vom Classic Editor zum Gutenberg Editor gewechselt. In Bezug auf die Benutzererfahrung ist das Inhaltsverzeichnis eine gute Wahl in WordPress. In ähnlicher Weise kann die Verwendung eines Inhaltsverzeichnisses auf Ihrer Website Benutzern helfen, zu dem Inhaltsbereich zu navigieren, nach dem sie suchen. Google kann auch mehrere Jump-to-Links in SERPs anzeigen. Um das Inhaltsverzeichnis zu gestalten, müssen wir zunächst einen Klassennamen für den gesamten Gruppenblock sowie eine Überschrift für das Inhaltsverzeichnis und einen Listenblock erstellen. Chris Ferdinandi hat eine leichtgewichtige Skriptsprache entwickelt, die das Scrollen von Ankerlinks erleichtert. Wenn Sie einen Sticky-Header verwenden, kann der Offset aktiviert werden, aber er kann aus dem Code entfernt werden, wenn Sie einen Header ohne Suffix verwenden. Zur Erstellung des Inhaltsverzeichnisses kann ein Plugin verwendet oder selbst erstellt werden. Es wird ein Link in den Google-Suchmaschinenergebnissen angezeigt, auf den gesprungen werden kann, wenn Sie ein Inhaltsverzeichnis mit Ankerlinks verwenden. Wenn Sie das Plugin nicht verwenden möchten, stellen Sie sicher, dass Sie das Inhaltsverzeichnis manuell einfügen.

Wie füge ich ein Inhaltsverzeichnis in den WordPress Block Editor ein?

Wenn Sie im Blockeditor arbeiten, klicken Sie auf das Pluszeichen und suchen Sie nach Inhaltsverzeichnis, um einer Seite oder einem Beitrag ein Inhaltsverzeichnis hinzuzufügen. Der Block generiert automatisch eine Tabelle basierend auf den Überschriften Ihrer Beiträge, aber es stehen zahlreiche andere Optionen zur Auswahl.

Inhaltsverzeichnis-Plugin WordPress

Es gibt viele Inhaltsverzeichnis-Plugins für WordPress. Einige sind kostenlos und einige werden bezahlt. Ein Inhaltsverzeichnis-Plugin kann bei der Organisation Ihrer Blog-Posts und -Seiten sehr hilfreich sein. Es kann Ihren Lesern auch helfen, sich leichter auf Ihrer Website zurechtzufinden.

Das Easy Table of Contents-Modul kann verwendet werden, um Ihren Beiträgen, Seiten und benutzerdefinierten Beitragstypen ein Inhaltsverzeichnis (TOC) hinzuzufügen. AMP-Benutzer können jetzt vollen Support erhalten. Es generiert ein Inhaltsverzeichnis und konfiguriert es automatisch als AMP-kompatibel mit Ihrem bestehenden Setup. Easy Table Contents ist eine Fortsetzung des hervorragenden Table of Contents Plus-Plugins von Michael Tran. Wenn Sie eine der Optionen für Überschrift n aus dem Dropdown-Menü Format im visuellen Post-Editor von WordPres auswählen, werden diese Kopfzeilen-Tags angezeigt und in den Beitrag eingefügt. Ein Inhaltsverzeichnis wird von jeder Kopfzeile generiert, die auf einer Seite erscheint. Es kann auch ein verschachteltes Inhaltsverzeichnis erstellt werden, in dem die ersten drei Elemente jeweils von einem untergeordneten Element begleitet werden, das darunter verschachtelt ist.

Easy Table of Contents, eine kostenlose Software, steht zum Download bereit. Dieses Programm ist einfach zu bedienen, und ich benötige nicht viel Wissen, um es zu benutzen. Das Inhaltsverzeichnis finden Sie in der Dokumentation. Aufgrund des letzten Updates wurde es aus dem Plugin Store entfernt.

Einfaches Inhaltsverzeichnis WordPress

Das Easy Table of Contents WordPress-Plugin macht es einfach, Inhaltsverzeichnisse zu erstellen und in Ihre WordPress-Beiträge und -Seiten einzufügen. Das Plugin generiert automatisch ein Inhaltsverzeichnis aus den Überschriften in Ihren Inhalten und ermöglicht es Ihnen, es mit einem Shortcode in Ihren Beitrag oder Ihre Seite einzufügen. Sie können auch das Erscheinungsbild Ihres Inhaltsverzeichnisses anpassen und festlegen, dass es automatisch aktualisiert wird, wenn Sie Ihre Inhalte bearbeiten.

Inhaltsverzeichnisse (TOC) können hinzugefügt werden, um Ihre Inhalte für die Leser verständlicher und zugänglicher zu machen. Ein Inhaltsverzeichnis Plus wird mit 4,5 von 5 Sternen bewertet und hat über 300.000 aktive Installationen. Es gibt zahlreiche Plugins für TOC auf WordPress, aber einige sind teurer als andere. Das Easy-Inhaltsverzeichnis generiert automatisch ein Inhaltsverzeichnis, wenn Sie einen neuen Beitrag, eine neue Seite oder einen benutzerdefinierten Beitrag hinzufügen. Darüber hinaus können Benutzer das Plugin auf vielfältige Weise anpassen. Wenn Sie Header ausschließen möchten, können Sie dies tun, indem Sie Inhaltsverzeichnisse nach Bedarf ein- und ausschalten. Das Spiel hat nicht so viele Installationen wie zwei Vorgängerversionen, erhält aber eine Fünf-Sterne-Bewertung.

Es gibt kein einzelnes Block-Plugin, das zum Erstellen von Blöcken jeglicher Art verwendet werden kann. Benutzer können schnell ein Inhaltsverzeichnis direkt aus ihren Überschriften generieren, indem sie auf ein paar Schaltflächen klicken. Ein Kritikpunkt an dieser App ist, dass sie nur mit dem Gutenberg-Editor kompatibel ist. Es ist möglich, dass Sie Ihren WordPress Classical Editor aktualisieren müssen, wenn Sie ihn noch verwenden. Rich Table of Contents hat trotz 9.000 Installationen eine Bewertung von 4,5 Sternen erhalten. Es ist kostenlos und ermöglicht Ihnen eine Vorschau Ihres Inhaltsverzeichnisses, wie es in Echtzeit angezeigt wird. Wenn Sie erweiterte Einstellungen haben, können Sie das Kontrollkästchen deaktivieren, mit dem Sie Beitrags- und Seiten-IDs ausschließen oder Plugin-CSS deaktivieren können.

WordPress Inhaltsverzeichnis Seitenleiste

Die Inhaltsverzeichnis-Seitenleiste von WordPress ist eine großartige Möglichkeit, Ihre Inhalte zu organisieren und einfach zu navigieren. Mithilfe dieser Seitenleiste können Sie ein Inhaltsverzeichnis für Ihre Beiträge und Seiten erstellen, sodass Ihre Leser leicht finden können, wonach sie suchen. Sie können auch die Seitenleiste verwenden, um eine Liste verwandter Beiträge zu erstellen, die für Ihre Leser hilfreich sein kann.

Die folgenden Schritte führen Sie durch die Erstellung eines Inhaltsverzeichnisses in der WordPress-Seitenleiste. Inhaltsverzeichnisse werden zur Best Practice im Web, da die Inhalte im Web immer länger und komplexer werden. On-Page-Metriken wie die Verweildauer auf der Website und die Absprungrate können verbessert werden, wenn Sie eine implementieren, die in WordPress einfach zu implementieren ist. Die meisten WordPress-Themes platzieren eine Seitenleiste am Ende eines Blog-Beitrags. Für mobile Benutzer sollte ein Inhaltsverzeichnis oben auf der Seite nützlicher sein. Um dies zu erreichen, sollten Sie ein Plugin verwenden, das einen Shortcode enthält, der als Widget in der Seitenleiste verwendet werden kann. Wenn Sie das LuckyWP Table of Contents-Plugin auf Ihrer Website installiert haben, ist es einfach, ein Widget mit einem Shortcode und einem einfachen Widget zur Seitenleiste hinzuzufügen.

Sie können das Inhaltsverzeichnis kleben, wenn Sie möchten, dass Ihre Besucher durch den Inhalt scrollen. Das Plugin WP Sticky Sidebar kann Ihnen dabei helfen. Im November 2016 machte der mobile Web-Traffic mehr als die Hälfte des gesamten Web-Traffics aus. Wir haben das Jahr des Handys nicht gesehen, aber wir haben einen Tiger gesehen, der sich wie ein Stealth-Jäger an uns herangeschlichen hat. Da mobiler Traffic wahrscheinlich am Ende Ihres Inhaltsverzeichnisses angezeigt wird, können Sie ihn ausblenden, indem Sie ihn auf unsichtbar setzen. Die meisten Leute verwenden Widgets und Shortcodes, aber einige ziehen es vor, dies manuell oder mit Code zu tun. Erstellen eines Inhaltsverzeichnisses auf Ihrer WordPress-Seite mit einem Plugin und Code sowie einem Shortcode. Unser Code wird von WebDeasy bereitgestellt und ist 100 % sicher.

Toc+ Widget: Eine einfache Möglichkeit, Ihrer Sideba ein Inhaltsverzeichnis hinzuzufügen

Das „Inhaltsverzeichnis“-Widget kann per Drag-and-Drop in den Sidebar-Widget-Bereich gezogen werden, indem Sie nach unten zum Sidebar-Widget-Bereich scrollen und es dort per Drag-and-Drop verschieben.
Klicken Sie dann auf die Schaltfläche „Speichern“, um die Änderungen abzuschließen. Um die Kriterien zu erfüllen, enthalten alle Posts und Seiten, die sie erfüllen, jetzt das Inhaltsverzeichnis in der Seitenleiste.

Inhaltsverzeichnis Shortcode WordPress

Das Inhaltsverzeichnis wird mit Hilfe der TOC Shortcodes vollständig angezeigt. Der Shortcode [toc] kann entweder für bestimmte Posts oder Seiten oder zur besseren Kontrolle der Position des Inhaltsverzeichnisses verwendet werden.

Mit dem Inhaltsverzeichnis-Plugin können Sie einem Artikel ein Inhaltsverzeichnis (TOC) hinzufügen. Inhaltsverzeichnis-Plugins müssen die folgenden Funktionen enthalten: Anpassung mit Klassen und CSS, Auffüllung, Ränder, Hintergrund, Linkfarben und Schriftarten. Bei meiner Suche nach Plugin-Lösungen hat nur ein Plugin, das Shortcode-Inhaltsverzeichnis, meine Anforderungen erfüllt. Es ist schön, den Shortcode-Inhaltsverzeichnis (TOC)-Shortcode anpassen zu können. Alle Überschriften einer bestimmten Klasse können für das Inhaltsverzeichnis verwendet werden. Im Screenshot unten habe ich eine neue Methode namens „tocview“ zur Textansicht des WordPress-Editors hinzugefügt, was zu einem neuen >div> in dieser Ansicht führt. Das schließende Tag des div erscheint am Ende des Artikels.

Das ist genau das, was ich brauchte. Sie können entweder Ihre Klassenüberschriften eingeben oder den Standardeintragsinhalt verwenden. Das Inhaltsverzeichnis sieht auf der Seite eher langweilig aus. Das stört uns nicht; es erlaubt uns, es mit CSS anzupassen, was wir sehr schätzen. Wie Sie sehen können, habe ich das folgende CSS verwendet, um das Aussehen im zweiten Screenshot zu erreichen:. Wir können sehen, dass die Tabelle von der shortcode-toc-Klasse eingeschlossen wurde. Es können individuelle Überschriftenebenen erstellt werden.