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.

Elementor Indholdsfortegnelse Widget: Auto Page Index

Lange indlæg er nemmere at læse, når besøgende kan se hele formen foran og hoppe direkte til den del, de ønsker. Den Indholdsfortegnelse widget i Master Addons til Elementor læser overskrifterne på din side og forvandler dem til et sammenkædet indeks. Ingen manuel liste at bygge, og ingen at holde synkroniseret senere.

Du slipper widgetten ind, vælger hvilke overskriftsniveauer der skal medtages, og den fylder sig selv. Derfra kan du gøre den sammenklappelig, tilføje en rulle-til-top-knap og style det hele. Denne vejledning dækker hver indstilling i widgetten.

Elementor Indholdsfortegnelse widget på en side, der viser en nummereret liste med elleve overskrifter under titlen TOC

Hvad gør widgetten Indholdsfortegnelse #

Widgetten scanner siden for overskrifter og bygger en indlejret liste over links fra dem. Hvert element peger på sin overskrift, så et klik hopper ned til det afsnit. Tilføj en overskrift senere, og listen samler den op af sig selv, hvilket er den del, der sparer mest tid.

To faner kører det. Content holder titlen, overskriftsniveauerne, den sammenklappelige indstilling og rulleadfærden. Style styrer beholderen, titlen, listeelementerne og indeksmarkøren. De sædvanlige Elementor Advanced-indstillinger sidder ved siden af dem.

Før du starter #

WordPress med Elementor installeret og aktiv.
Master Addons til Elementor installeret og aktiv. Ny i plugin'et? Se den installationsvejledning.
En side eller et indlæg med rigtige overskrifter (H2, H3 og så videre), som widgetten kan læse.

Sådan tilføjes indholdsfortegnelses-widgetten #

I Elementor-editoren skal du åbne Elementer panel og søg efter Indholdsfortegnelse, eller rul til Master Addons sektionen (widgets bærer et lilla MA badge). Træk det til toppen af dit indhold, eller ind i en sidebar, og det fylder sig selv fra sidens overskrifter med det samme.

Indholdsfortegnelse widget i panelet Elementorelementer, der trækkes ind på siden

Indstil titlen og hvilke overskrifter der skal medtages #

Åbn Content fanebladet og Indholdsfortegnelse sektion. Det er her, du navngiver boksen, vælger listestilen og vælger, hvilke overskriftsniveauer der vises.

Indholdsfortegnelse Indholdsfane med Indtast titeltekst, List Style, Medtag og udelad faner og Overskriftsmærker indstillet til H2, H3 og H4

Indtast Titeltekst: overskriften over listen, såsom indholdsfortegnelse eller TOC.
Listestil: ingen, kugler eller tal for genstandene.
Inkluder / Udeluk: skift mellem at angive overskriftsmærker, der skal vises, eller dem, der skal springes over.
Overskrift Tags: vælg de niveauer, der skal trækkes ind, som f.eks. H2 og H3. Tilføj eller fjern mærker for at styre, hvor dybt listen går.

Vil du springe en enkelt overskrift over? Tilføj ignore-this-tag klasse til den overskrifts fane Avanceret, i feltet CSS-klasser, og widgetten udelader det. Praktisk, når en sektionsoverskrift bare ville rode listen.

Gør listen sammenklappelig #

The Sammenklappelig muligheder lader besøgende folde listen ned til kun titlen. Det hjælper på mobilen, eller i en sidebjælke, hvor pladsen er trang.

Indholdsfortegnelse med Gør indhold sammenklappeligt og Hold sammenklappet Indledningsvis indstillet til Ja, der viser listen sammenklappet til tre elementer med et skifteikon

Gør indhold sammenklappeligt: tilføj en vippe, så listen åbnes og lukkes.
Hold Collapsed Indledningsvis: indlæs den lukket, så den kun viser titlen, indtil der klikkes på den.
Ikon Størrelse og farve: sammenbruddets udseende skifter.

Opsæt rulleadfærden #

Åbn Scroll sektion for, hvordan siden bevæger sig, når nogen bruger indekset. Du kan tilføje en back-to-top-knap og slå jævn rulning til.

Indholdsfortegnelse Rul sektion med Rul til top indstillet til Vis, Forskydning, Størrelse, Ikon og baggrundsfarve, Glat rulle og rulleanimationsforsinkelse

Rul til toppen: tilføj en pil nederst på siden, der hopper op igen.
Rul til Top Offset: hvor langt nede på siden pilen vises.
Glat rulle og forsinkelse: glide til målet i stedet for at hoppe, og indstille hastigheden.

Style beholderen og titlen #

Åbn Style fane. Den Container sektionen indstiller polstringen, baggrunden og kanten omkring hele kassen, og Title sektion styler overskriften over listen.

Indholdsfortegnelse Fanen Stil med sektionen Beholder åben, der viser polstring indstillet til 40 pixel på alle sider, ved siden af den nummererede liste

Container: polstring, baggrund, kant og radius til kassen.
Titel: farve, typografi og afstand for overskriften.
Indeks og knap: markøren foran hvert element og rulle-til-top-knappen.

Style listeelementerne #

The Content sektion i fanen Stil håndterer selve linkene. Du får typografi, afstand mellem elementer og separate farver for tilstandene Normal, Svæve og Aktiv.

Indholdsfortegnelse Indholdsstilsektion med en tekstfarvevælger åben, der viser listelinks, der er blevet blå

Typografi og mellemrum: skrifttypen og afstanden mellem rækker.
Normal / Hover / Aktiv: en farve for hver tilstand, så den aktuelle sektion kan skille sig ud.
Tekstfarve: linkfarven for den tilstand, du har valgt.

Almindelige brugstilfælde #

Lange tutorials og guides giver læserne et kort og hurtige spring.
Dokumentationssider hvor hver overskrift er en sektion, folk søger efter.
Sidebars med et sammenklappeligt indeks, der følger artiklen.
Roundups og listicles så besøgende kan springe til den post, de ønsker.
Juridiske og politiske sider der har brug for klare ankre til hver klausul.

Tips til at arbejde med indholdsfortegnelses-widget #

Brug en ren overskriftsstruktur. Listen er kun så god som dine H2'ere og H3'ere, så skriv overskrifter, der læser godt af sig selv.
Inkluder kun to niveauer. H2 og H3 laver normalt et ryddeligt indeks. Træk i H4 og videre, og det begynder at blive støjende.
Skjul det på mobilen. Hold Collapsed I første omgang sparer en masse rulning på små skærme.
Slå jævn rulle til. Et glide til sektionen lyder bedre end et hårdt spring, og forskydningen holder overskrifterne fri af et klæbrigt overskrift.
Spring vildfarne overskrifter over. Brug ignorér-dette-tag-klassen på overskrifter, du ikke ønsker på listen, som en CTA eller en sidebartitel.

Ofte stillede spørgsmål #

Hvad er indholdsfortegnelse widget i Master Addons?

Det er en Elementor widget, der læser overskrifterne på din side og bygger et sammenkædet indeks fra dem automatisk. Hvert element hopper til sin sektion ved klik, og du styrer, hvilke overskriftsniveauer der vises, om listen kollapser, og hvordan den ser ud, alt sammen fra Elementor panelet.

Hvordan ved widgetten, hvilke overskrifter der skal angives?

Du vælger overskriftsmærkerne i fanen Indhold, som H2 og H3, og widget'en viser hver matchende overskrift på siden. Skift til fanen Udelad for at springe niveauer over i stedet. Hvis du vil slippe én bestemt overskrift, skal du tilføje ignorér-dette-mærke-klassen til den i fanen Avanceret.

Kan jeg gøre indholdsfortegnelsen sammenklappelig?

Ja. Indstillingerne Sammenklappelig tilføjer en vippe, så besøgende kan folde listen til kun titlen. Slå Hold Sammenklappet til Indledningsvis for at indlæse den lukket, hvilket fungerer godt i en sidebjælke eller på mobil, hvor du vil spare lodret plads.

Opdateres den, når jeg tilføjer nye overskrifter?

Ja. Listen genereres ud fra sidens overskrifter, så når du tilføjer, fjerner eller omdøber en overskrift, afspejler indholdsfortegnelsen ændringen. Der er ingen manuel liste, der skal holdes synkroniseret, hvilket er hovedårsagen til at bruge widgetten over en håndbygget.

Kan jeg tilføje en jævn rulle og en back-to-top knap?

Ja. Scroll-sektionen har en Smooth Scroll-skift, der glider til målsektionen, med en forsinkelse, du kan indstille. Den har også en Scroll to Top-indstilling, der tilføjer en back-to-top-pil nederst på siden, med sin egen offset, størrelse og farver.

Indpakning #

Indholdsfortegnelses-widget'en forvandler dine overskrifter til et sammenkædet indeks uden nogen manuel vedligeholdelse: slip det ind, vælg overskriftsniveauerne, gør det sammenklappeligt, indstil rulleadfærden, og stil det derefter til at matche. For relaterede widgets, se Tidslinje widget og the Navigation Menu widget, gennemse hele Master Addons widgets og udvidelser, og kontrollere de prissætning side for hvad hver plan indeholder.

Tema Bygherre

Popup Builder

Widget Builder

Mega Menu Builder

Brugerdefineret Css

Dynamiske tags

Visningsbetingelser

Ikoner Bibliotek

Animation

Skabelonsæt

Klar sektioner

Klar Popups

Klar Sider

Klar Header

Klar sidefod

WP Adminify

Admin Bar Editor

Loginfi

Rollemaster Suite

Master Blocks

WP Spotlight