What is the Table of Contents widget in Master Addons?

It is an Elementor widget that reads the headings on your page and builds a linked index from them automatically. Each item jumps to its section on click, and you control which heading levels appear, whether the list collapses, and how it looks, all from the Elementor panel.

How does the widget know which headings to list?

You pick the heading tags in the Content tab, like H2 and H3, and the widget lists every matching heading on the page. Switch to the Exclude tab to skip levels instead. To drop one specific heading, add the ignore-this-tag class to it in the Advanced tab.

Can I make the table of contents collapsible?

Yes. The Collapsible options add a toggle so visitors can fold the list to just the title. Turn on Keep Collapsed Initially to load it closed, which works well in a sidebar or on mobile where you want to save vertical space.

Does it update when I add new headings?

Yes. The list is generated from the page's headings, so when you add, remove, or rename a heading, the table of contents reflects the change. There is no manual list to keep in sync, which is the main reason to use the widget over a hand-built one.

Can I add a smooth scroll and a back-to-top button?

Yes. The Scroll section has a Smooth Scroll toggle that glides to the target section, with a delay you can set. It also has a Scroll to Top option that adds a back-to-top arrow at the bottom of the page, with its own offset, size, and colors.

Elementortabelle-Inhalts-Widget: Auto Page Index

Lange Beiträge sind leichter zu lesen, wenn Besucher die ganze Form vorne sehen und direkt zu dem gewünschten Teil springen können Die Inhaltsverzeichnis Widget in Master-Addons für Elementor Liest die Überschriften auf Ihrer Seite und verwandelt sie in einen verknüpften Index Keine manuelle Liste zum Erstellen und keine, die Sie später synchron halten sollten.

Sie lassen das Widget hinein, wählen aus, welche Überschriftenebenen einbezogen werden sollen, und es füllt sich von selbst Von dort aus können Sie es zusammenklappbar machen, eine Scroll-to-Top-Taste hinzufügen und das Ganze stylen Diese Anleitung deckt jede Einstellung im Widget ab.

Elementortabelle-Inhalts-Widget auf einer Seite, das eine nummerierte Liste von elf Überschriften unter dem Titel TOC zeigt

Was das Inhaltsverzeichnis-Widget bewirkt #

Das Widget scannt die Seite nach Überschriften und baut daraus eine verschachtelte Liste von Links auf, jedes Element zeigt auf seine Überschrift, so springt ein Klick zu diesem Abschnitt herunter, füge später eine Überschrift hinzu und die Liste nimmt sie von selbst auf, was der Teil ist, der am meisten Zeit spart.

Zwei Tabs führen es aus. Inhalt Besitzt den Titel, die Überschriftenebenen, die zusammenklappbare Option und das Bildlaufverhalten. Stil Steuert den Container, den Titel, die Listenelemente, und den Indexmarker Die üblichen Optionen Elementor Advanced sitzen daneben.

Bevor Sie beginnen #

WordPress Mit Elementor Installiert und aktiv.
Master-Addons für Elementor Installiert und aktiv Neu im Plugin? siehe die Installationsführung.
Eine Seite oder ein Beitrag mit echten Überschriften (H2, H3 usw.), die das Widget lesen kann.

So fügen Sie das Inhaltsverzeichnis-Widget hinzu #

Öffnen Sie im Elementor-Editor die Elemente Panel und suchen nach Inhaltsverzeichnis, oder scrollen Sie in den Abschnitt Master Addons (die Widgets tragen ein lila MA-Abzeichen) Ziehen Sie es an den oberen Rand Ihres Inhalts, oder in eine Seitenleiste, und es füllt sich sofort aus den Überschriften der Seite.

Inhaltsverzeichnis-Widget im Elementor-Elemente-Panel, das auf die Seite gezogen wird

Legen Sie den Titel und die einzuschließenden Überschriften fest #

Öffnen Sie die Inhalt Tab und die Inhaltsverzeichnis Abschnitt. Hier benennen Sie das Kästchen, wählen den Listenstil und wählen aus, welche Überschriftenebenen angezeigt werden.

Inhaltsverzeichnis Inhaltsregisterkarte mit den Registerkarten Titeltext, Listenstil, Ein- und Ausschließen sowie Überschriften eingeben, die auf H2, H3 und H4 gesetzt sind

Titeltext eingeben: Die Überschrift über der Liste, wie Inhaltsverzeichnis oder TOC.
Listenstil: Keine, Kugeln oder Zahlen für die Artikel.
Einschließen / Ausschließen: Wechseln Sie zwischen den anzuzeigenden Überschrift-Tags oder den zu überspringenden Überschrift-Tags.
Überschrift Schlagworte: Wählen Sie die einzusetzenden Level aus, z. B. H2 und H3. Fügen Sie Tags hinzu oder entfernen Sie sie, um zu steuern, wie tief die Liste reicht.

Eine einzelne Überschrift überspringen? die hinzufügen ignore-this-tag Klasse auf die Registerkarte Erweitert dieser Überschrift, im Feld CSS-Klassen, und das Widget lässt es wegHandy, wenn eine Abschnittsüberschrift die Liste nur überladen würde.

Machen Sie die Liste zusammenklappbar #

Die Zusammenklappbar Optionen können Besucher die Liste bis auf nur den Titel herunterklappen Das hilft auf dem Handy, oder in einer Seitenleiste, wo der Platz knapp ist.

Inhaltsverzeichnis mit Inhalte zusammenklappbar machen und zusammenklappbar halten Zunächst auf Ja gesetzt, zeigt die Liste auf drei Elemente mit einem Umschaltsymbol zusammengebrochen

Machen Sie Inhalte zusammenklappbar: Fügen Sie einen Umschalter hinzu, damit sich die Liste öffnet und schließt.
Bleiben Sie zunächst zusammengebrochen: Laden Sie es geschlossen, sodass der Titel nur angezeigt wird, bis er angeklickt wird.
Symbolgröße und Farbe: Das Aussehen des Einsturzes Knebel.

Richten Sie das Bildlaufverhalten ein #

Öffnen Sie die Scrollen Abschnitt, wie sich die Seite bewegt, wenn jemand den Index verwendet Sie können eine Back-to-Top-Taste hinzufügen und das reibungslose Scrollen einschalten.

Inhaltsverzeichnis Abschnitt Scrollen mit Scrollen nach oben eingestellt auf Anzeigen, Versetzen, Größe, Symbol- und Hintergrundfarbe, reibungsloses Scrollen und Scrollen-Animationsverzögerung

Scrollen Sie nach oben: Fügen Sie am unteren Rand der Seite einen Pfeil hinzu, der wieder nach oben springt.
Scrollen Sie zum oberen Offset: Wie weit unten auf der Seite der Pfeil erscheint.
Glattes Scrollen und Verzögerung: Gleiten Sie zum Ziel, anstatt zu springen, und stellen Sie die Geschwindigkeit ein.

Stylen Sie den Behälter und den Titel #

Öffnen Sie die Stil Tab. Die Container Abschnitt legt die Polsterung, den Hintergrund und den Rand um die gesamte Box und die Titel Abschnitt styles die Überschrift über der Liste.

Table of Contents Style mit geöffnetem Container-Abschnitt, der auf allen Seiten eine Polsterung von 40 Pixeln zeigt, neben der nummerierten Liste

Behälter: Polsterung, Hintergrund, Rand und Radius für die Box.
Titel: Farbe, Typografie und Abstand für die Überschrift.
Index und Schaltfläche: Die Markierung vor jedem Element und die Scroll-to-Top-Taste.

Stil der Listenelemente #

Die Inhalt Abschnitt im Register Stil behandelt die Links selbst Sie erhalten Typografie, Abstände zwischen den Elementen und separate Farben für den Normal, Hover - und Aktivzustand.

Inhaltsverzeichnis Inhaltsstilabschnitt mit geöffnetem Textfarbwähler, der die blau verfärbten Listenlinks zeigt

Typografie und Abstand: Die Schriftart und die Lücke zwischen den Zeilen.
Normal / Hover / Aktiv: Eine Farbe für jeden Zustand, so dass der aktuelle Abschnitt hervorstechen kann.
Textfarbe: Die Linkfarbe für den von Ihnen ausgewählten Zustand.

Häufige Anwendungsfälle #

Lange Tutorials und Ratgeber Leser eine Karte und schnelle Sprünge zu geben.
Dokumentationsseiten Wo jede Überschrift eine Rubrik ist, nach der die Leute suchen.
Seitenleisten Mit einem zusammenklappbaren Index, der auf den Artikel folgt.
Runderneuerungen und Listicles So können Besucher zu dem gewünschten Eintrag springen.
Rechts - und Richtlinienseiten Das erfordert klare Verankerungen an jeder Klausel.

Tipps für die Arbeit mit dem Inhaltsverzeichnis-Widget #

Verwenden Sie eine saubere Überschriftenstruktur. Die Liste ist nur so gut wie deine H2 s und H3 s, also schreib Überschriften, die sich von alleine gut lesen.
Beinhaltet nur zwei Ebenen. H2 und H3 machen meist einen ordentlichen Index Ziehen Sie in H4 und darüber hinaus und es fängt an, laut zu werden.
Fallen Sie es mobil ein. Keep Collapsed Spart zunächst viel Scrollen auf kleinen Bildschirmen.
Schalten Sie die glatte Schriftrolle ein. Ein Gleitflug zum Abschnitt liest sich besser als ein harter Sprung, und der Versatz hält die Überschriften frei von einem klebrigen Header.
Streunende Überschriften überspringen. Verwenden Sie die Ignorieren-This-Tag-Klasse für Überschriften, die Sie nicht in der Liste haben möchten, wie z. B. einen CTA- oder einen Seitenleistentitel.

Häufig gestellte Fragen #

Was ist das Table of Contents Widget in Master Addons?

Es ist ein Elementor-Widget, das die Überschriften auf Ihrer Seite liest und automatisch einen verknüpften Index daraus erstellt. Jedes Element springt auf Klick zu seinem Abschnitt, und Sie steuern, welche Überschriftenebenen angezeigt werden, ob die Liste zusammenbricht und wie sie aussieht, alles aus dem Elementor-Panel.

Woher weiß das Widget, welche Überschriften es auflisten soll?

Sie wählen die Überschriften-Tags in der Registerkarte Inhalt aus, wie H2 und H3, und das Widget listet jede passende Überschrift auf der Seite auf Wechseln Sie zur Registerkarte Ausschließen, um stattdessen Ebenen zu überspringen Um eine bestimmte Überschrift zu verwerfen, fügen Sie ihr im Register Erweitert die Klasse ignoriere-dies-tag hinzu.

Kann ich das Inhaltsverzeichnis zusammenklappbar machen?

Ja. Die Optionen zum Einklappen fügen einen Umschalter hinzu, damit Besucher die Liste nur auf den Titel falten können Schalten Sie die Option Einklappen Ein Zunächst um, um sie geschlossen zu laden, was gut in einer Seitenleiste oder auf Mobilgeräten funktioniert, wo Sie vertikalen Platz sparen möchten.

Wird es aktualisiert, wenn ich neue Überschriften hinzufüge?

Ja. Die Liste wird aus den Überschriften der Seite generiert, wenn Sie also eine Überschrift hinzufügen, entfernen oder umbenennen, spiegelt das Inhaltsverzeichnis die Änderung wider. Es gibt keine manuelle Liste, die synchron gehalten werden muss, was der Hauptgrund ist, das Widget über einem handgefertigten zu verwenden.

Kann ich einen glatten Scroll und einen Back-to-Top-Button hinzufügen?

Ja. Der Scroll-Bereich verfügt über einen Smooth Scroll-Umschalter, der zum Zielabschnitt gleitet, mit einer Verzögerung, die Sie festlegen können. Es verfügt außerdem über eine Scroll-to-Top-Option, die am Ende der Seite einen Back-to-Top-Pfeil mit eigenem Versatz, eigener Größe und eigenen Farben hinzufügt.

Einwickelnd #

Das Table of Contents-Widget verwandelt Ihre Überschriften in einen verknüpften Index ohne manuelle Pflege: Geben Sie ihn ab, wählen Sie die Überschriftenebenen aus, machen Sie ihn zusammenklappbar, stellen Sie das Bildlaufverhalten ein und gestalten Sie ihn dann passend. Zu verwandten Widgets siehe die Zeitleisten-widget und die Widget für NavigationsmenüsDurchsuchen Sie das Ganze Master Addons Widgets und Erweiterungen& überprüfen Sie die Preisseite Für das, was jeder Plan beinhaltet.

Themenbauer

Popup-builder

Widget-builder

Mega-Menü-Builder

Benutzerdefinierte Css

Dynamische Tags

Anzeigebedingungen

Icons-bibliothek

Animation

Vorlagenkits

Bereit Sektionen

Bereit Popups

Bereit Seiten

Bereit Header

Bereit Fußzeile

WP Adminify

Admin Bar Editor

Loginfy

Rollenmeister-Suite

Masterblöcke

WP Spotlight