Elementor Indholdsfortegnelse Widget, Ingen Pro Needed
Elementors egen indholdsfortegnelse widget kommer med Elementor Pro. Indholdsfortegnelse widget i Master Addons kører på Elementor uden Pro. Slip det på et indlæg eller en side, og det læser overskrifterne der, og derefter bygger en sammenkædet liste fra dem i overskriftsrækkefølge. Et klik på ethvert element ruller læseren til det afsnit. Du vælger, hvilke overskrift tags der skal medtages, og om listen viser punkttegn eller tal. Læsere kan folde boksen væk, en tilbage til toppen pil bringer dem op igen, og en kort CSS regel holder boksen i udsigt i en sidebjælke.
Sådan tilføjes en indholdsfortegnelse i Elementor
Du skal bruge Elementor og Master Addons. Elementor Pro er ikke påkrævet. Siden har også brug for rigtige overskrift tags (H2, H3 og så videre), fordi listen er bygget fra dem.
- Installer og aktiver Master Addons fra WordPress.org, og kontroller, at Indholdsfortegnelse er aktiveret i Master Addons-dashboardet.
- Åbn dit indlæg eller din side med Elementor, og søg i widgetpanelet efter Indholdsfortegnelse.
- Træk den, hvor listen skal sidde, normalt over det første afsnit eller ind i en sidebjælkekolonne.
- på tilfreds, indstille titlen, vælge en List Style og vælge de Overskrift Tags til at omfatte.
- åbne lukke op Sammenklappelig og rulle for at tilføje vippen og pilen tilbage til toppen.
- Style titlen, separatoren og links i fanen Style, og se derefter en forhåndsvisning af siden, og klik på et par elementer for at teste springene.
Hver indstilling er dækket af Indholdsfortegnelse widget indstillinger guide.
Indholdsfortegnelse på et blik
Hvad widgetten gør, læs fra Master Addons 3.2.3.
| Item | Indholdsfortegnelse widget |
|---|---|
| Hvor den finder overskrifter | Indenfor .entry-content først, så .page-content, så Elementor indholdsområdet |
| Overskriftsniveauer | Enhver af H1 til H6, med H2, H3 og H4 valgt som standard |
| Udelad én overskrift | Tilføj CSS-klassen jltma-toc-hide-heading til den overskrift |
| Listestil | Standard (ingen markør), Punkttegn eller Tal |
| Rede | Altid indlejret efter overskriftsniveau |
| Sammenklappelig kasse | Skift ved siden af titlen, med Keep Collapsed Initially |
| Scrolling | Glat rulle, der stopper omkring 30 px over overskriften |
| Tilbage til toppen | Pil i nederste højre hjørne efter 250 px rulning |
| Aktivt element | Det element, læseren sidst klikkede på (ingen rullespion) |
| Sticky | Ingen switch; position: klæbrig gennem Custom CSS, eller Elementor Pro Motion Effects |
| Behov | Elementor og Master Addons, ingen Elementor Pro |
Bygger listen ud fra dine overskrifter
Vælg niveauerne i Overskrift Tags. H2, H3 og H4 er valgt som standard, og enhver af H1 til H6 kan tilføjes. Når siden indlæses, widget finder disse overskrifter, giver hver enkelt et ID, hvis den ikke har nogen, og reder listen efter overskriftsniveau. Omdøb eller tilføje en overskrift, og listen henter den ved næste belastning, så der er ingen anker links til at holde op ved hånden.
- Listestil: Standard (ingen markør), punkttegn eller tal.
- Spring én overskrift over: tilføj CSS-klassen
jltma-toc-hide-headingi den overskrifts fane Avanceret. - Vis separator: en valgfri linje under titlen med sin egen stil, farve, tykkelse og afstand.
- Overskrifts-id'er er lavet ud fra overskriftsteksten, så du også kan linke direkte til et afsnit fra andre steder.
Sammenklappelig æske til sidebars og mobil
Tænd Gør indhold sammenklappeligt og der vises et skifteikon ud for titlen. Læsere klikker på det for at åbne eller lukke listen, og det glider frem for at hoppe. Tænd Hold Collapsed Indledningsvis hvis du vil have boksen til at indlæse viser kun dens titel, som hjælper på lange juridiske sider og i smalle sidebar kolonner.
- Ikonstørrelse og ikonfarvekontroller til skiftet.
- Separatoren foldes væk med listen.
- Widgetten har ingen egen klæbrig kontakt. For at holde boksen i udsigt, mens folk læser, se Gør indholdsfortegnelsen klæbrig nedenfor.
Glatte hop og en pil tilbage til toppen
Hvis du klikker på et element, ruller du siden jævnt ned til dens overskrift og stopper omkring 30 px over den, så overskriften ikke sidder flush mod toppen af skærmen. Hvis dit websted har en høj fast overskrift, har FAQ nedenfor en to-linjers CSS-fix, der holder overskrifterne fri af det.
- Rul til Top tilføjer en lille pil i nederste højre hjørne, der viser, når en besøgende ruller ned.
- Pilen fører læserne tilbage til indholdsfortegnelsen, eller til den position, du indstiller i Rul til Top Offset.
- Styringer til størrelse, ikonfarve og baggrundsfarve for pilen.
- Det element, en læser klikkede på, beholder den aktive farve fra afsnittet Indholdstypografi, så de kan se, hvor de hoppede.
Gør indholdsfortegnelsen klæbrig
Widgetten har ingen egen klæbrig kontakt. Du fastgør den ved at gøre widgetten klæbrig inde i en sidebjælkekolonne, og det kan Elementor uden Pro gøre gennem Master Addons Brugerdefineret CSS-udvidelse.
- Sæt artiklen og indholdsfortegnelsen i én række: en bred kolonne til indholdet og en smal kolonne til widgetten Indholdsfortegnelse. Lad den smalle kolonne blive i standardhøjden, så den strækker sig til højden af rækken.
- Vælg indholdsfortegnelse widget, åben fremskreden, så Master Addons Brugerdefineret CSS sektion, og indsæt
selector { position: sticky; top: 32px; } - Hæv den øverste værdi, hvis dit websted har en fast overskrift, for eksempel 110px under en 80px overskrift.
- Forhåndsvis siden, og rul. Boksen forbliver i visning indtil slutningen af rækken.
Med Elementor Pro kan du bruge Avanceret, bevægelseseffekter, klæbrig: Top i stedet med Stay In Column slået til.
To ting stopper klæbrig fra at arbejde: en overordnet beholder med overløb indstillet til skjult, og en sidebar kolonne, der ikke er højere end boksen. På telefoner sidebaren falder under artiklen, så tænd Gør indhold sammenklappeligt der, eller skjule denne kopi på mobil og placere en sammenklappet indholdsfortegnelse over artiklen.
de sticky sidebar demo halvvejs nede på siden. Boksen bliver øverst i kolonnen, mens artiklen ruller.
Den klæbrige regel i Master Addons Custom CSS-sektionen i widgetten.
Elementor Pro Indholdsfortegnelse vs Master Addons Indholdsfortegnelse
Elementors indholdsfortegnelses-widget har brug for en Elementor Pro-licens, og den giver dig mere kontrol over, hvilke overskrifter der vises, og hvordan listen opfører sig, mens du ruller. Master Addons håndterer det daglige job uden Pro og tilføjer en pil tilbage til toppen.
| særpræ | Elementor Pro | Master Addons |
|---|---|---|
| værdi | Behov Elementor Pro | Inkluderet i Master Addons, ingen Elementor Pro |
| Hvilke overskrifter | Anchors By Tags (H1 til H6) plus en Containervælger til at begrænse søgeområdet | Overskrift Tags (H1 til H6) fra de vigtigste indlæg eller side indhold |
| At udelade overskrifter | Ankre efter vælger, enhver CSS-vælger | CSS klasse jltma-toc-hide-heading på hver overskrift |
| Markører | Tal eller Punkttegn med et ikon, du vælger | Standard, punkttegn eller tal |
| Rede | Hierarkisk visning skifter og kollapser underelementer | Altid indlejret efter overskriftsniveau |
| bryde sammen | Minimer boks med udvid- og sammenbrud-ikoner og et brudpunkt, hvor det starter minimeret | Gør indhold sammenklappeligt og hold sammenklappet i starten |
| Aktivt element | Følger afsnittet i visning, mens læseren ruller | Markerer det element, læseren klikkede på |
| Rulleindstillinger | Ingen hastigheds- eller forskydningskontroller i widgetten | Glat rulle, der stopper omkring 30 px over overskriften |
| Sticky | Ingen indstilling i widgetten; brug Motion Effects Sticky på widgetten eller dens kolonne | Ingen indstilling i widgetten; tilføj position: klæbrig med Custom CSS, eller brug Motion Effects Sticky med Pro |
| Tilbage til øverste pil | Ingen | Rul til Top med størrelse og farvekontroller |
Hvis du allerede betaler for Elementor Pro og vil have listen til at spore læseren, mens de ruller, skal du bruge dens widget. Hvis du vil have en indholdsfortegnelse uden Elementor Pro, med en sammenklappelig boks og en tilbage til toppen pil, skal du bruge denne.
Parrer godt med: Læsning Progress Bar for en bar, der fylder, mens folk læser, Avanceret harmonika og Faner at folde lange sektioner, Off-Canvas indhold (Pro) for en slide-out menu, og blog til indlægslisterne sidder de lange artikler i.
Indholdsfortegnelse Plugin eller en Elementor Widget?
WordPress har to slags indholdsfortegnelse: plugins, der fungerer på indlægsindholdet, og widgets, du placerer i Elementor-editoren. Den rigtige afhænger af, hvordan siden er bygget.
| Option | Hvor det virker | Bedst til |
|---|---|---|
| Master Addons Indholdsfortegnelse | Hvor som helst du placerer det i Elementor, inklusive skabeloner | Elementor sites, der ønsker boksen stylet med designet og en tilbage til toppen pil |
| Elementor Pro Indholdsfortegnelse | Hvor som helst i Elementor, med en Elementor Pro-licens | Websteder, der allerede er på Pro, og som ønsker, at det aktive element skal følge rullen |
| Nem indholdsfortegnelse, LuckyWP | Post indhold, indsættes automatisk eller med en kortkode | Blogs skrevet i blokeditoren eller Classic Editor |
| Rang Matematisk indholdsfortegnelse blok | Bloker editorindlæg på websteder, der bruger Rank Math | Gutenberg indlæg, der kun behøver en almindelig liste |
Vores roundup af de bedste indholdsfortegnelse plugins til WordPress sammenligner otte af dem, med installationsantal, kortkoder og klæbrige muligheder.
Indholdsfortegnelse Eksempler
Fire live demoer bygget med widgetten. Åbn en, og importer derefter det samme layout fra skabelonfremviseren nedenfor.
- Klæbrig sidebar: en nummereret liste i en smal kolonne, der forbliver i udsigt, mens artiklen ruller, H3'er indlejret under deres H2'er, og en overskrift udeladt med jltma-toc-hide-heading.
- Listestile: Standard, Kugler og Tal side om side, bygget af de samme overskrifter.
- Vilkår og betingelser side: boksen i en højre sidebjælke, der viser hver sektion af en lang juridisk side.
- Privatlivspolitik side: boksen til venstre, med det klikkede element i Active-farven.
De tre listetypografier på samme overskrifter.
Ofte stillede spørgsmål til indholdsfortegnelse
Har jeg brug for Elementor Pro til denne indholdsfortegnelse?
Nej. Indholdsfortegnelse widget er en del af Master Addons og kører på Elementor uden Pro. Hver indstilling på denne side er inkluderet. Elementors egen Indholdsfortegnelse widget er den, der har brug for Elementor Pro.
Hvordan udelukker jeg en overskrift fra indholdsfortegnelsen?
Hvis du vil slippe et helt niveau, skal du fjerne det pågældende mærke fra Overskriftsmærker, f.eks. H4. Hvis du vil skjule én overskrift, skal du markere den i Elementor, åbne fanen Avanceret og tilføje jltma-toc-hide-heading til feltet CSS-klasser. Det bliver på siden, men er udeladt af listen.
Ændres det aktive element, når læseren ruller?
Nej. Den aktive farve i Style, Content styles det element, en læser klikker på, og det bevæger sig, når de klikker på et andet element. Listen sporer ikke afsnittet på skærmen, mens du ruller. Det gør Elementor Pros indholdsfortegnelses-widget.
Kan jeg gøre indholdsfortegnelsen klistret?
Ja, dog ikke fra en switch i widget. Sæt den i en sidebar kolonne, og tilføj derefter selector { position: sticky; top: 32px; } i Avanceret, Brugerdefineret CSS. Med Elementor Pro kan du bruge Motion Effects, Sticky i stedet. Hæv den øverste værdi, hvis en fast overskrift sidder over den.
Hvordan holder jeg indholdsfortegnelsen udvidet eller sammenbrudt, når siden indlæses?
Slå Gør indhold sammenklappeligt til. Med Hold sammenklappet Indledningsvis slukket, indlæses boksen, og læserne kan folde den. Med den tændt indlæses boksen, der kun viser dens titel. Der er ingen indstilling pr. enhed, så for en lukket boks på telefoner og en åben på skrivebordet skal du bruge to kopier og skjule hver enkelt i Avanceret, Responsiv.
Vil pilen Rul til øverste vises på hver side?
Kun på sider, der indeholder denne widget med Scroll to Top slået til. Pilen sidder i nederste højre hjørne og viser efter den besøgende har rullet omkring 250px ned på siden.
Kan jeg bruge brugerdefinerede ikoner til listemarkørerne?
Ikke fra widgetpanelet. List Style tilbyder Standard, Bullets og Numbers, og sektionen Content style indstiller skrifttype og farver. Brugerdefinerede markørikoner ville have brug for din egen CSS. Elementor Pros widget har en ikonvælger til kugler.
Hvorfor er min indholdsfortegnelse tom eller opremser de forkerte overskrifter?
Widgetten leder efter overskrifter inde i .entry-content først, derefter .page-content, derefter Elementor-indholdsområdet, og kun efter de tags, der er valgt i Heading Tags. En tom boks viser “Tilføj en overskrift for at begynde at generere indholdsfortegnelsen” og betyder normalt, at overskrifterne bruger et tag, du ikke valgte eller sad uden for det område. Hvis et caching-plugin forsinker JavaScript indtil den første rulle eller klik, forbliver listen tom indtil da, så udelad Master Addons-scripts fra forsinkelsen.
En fast overskrift dækker overskriften efter et spring. Hvordan fikser jeg det?
Springet stopper omkring 30 px over overskriften, hvilket ikke er nok under en høj fast overskrift. Tilføj dette i Udseende, Tilpas, Yderligere CSS: .elementor-heading-title[id] { padding-top: 90px; margin-top: -90px; } Hver overskrift lander derefter 90 px lavere og ser ens ud på siden. Brug din overskriftshøjde plus lidt plads.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/sideduplikator
