Att skapa en läsvänlig innehållsförteckning (TOC) är ett utmärkt sätt att förbättra navigering och användarupplevelse. Med Gutenberg-redigeraren är det en enkel och effektiv lösning att lägga till en innehållsförteckning.
I det här självstudieblogginlägget kommer vi att utforska hur du lägger till innehållsförteckning i Gutenberg till ditt WordPress-innehåll på kortare tid.
Gutenberg has a built-in Table of Contents block that automatically generates a TOC from your post’s headings. It improves navigation and readability for long posts.
Quick Steps:
Step 1 Get the block
In the Gutenberg editor, click the “+” button, search for “Table of Contents,” and add it to your post. It automatically pulls in all the headings from your content.
Steg 2: Customize the block
Inställningar: Choose heading levels and toggle current-page-only for paginated posts.
Styling: Adjust color, font size, border, spacing, and more from the sidebar.
Just add the Gutenberg TOC block, pick your heading levels, and style it; it’s quick.
The Advantages of Implementing a Table of Contents
En innehållsförteckning organiserar ditt WordPress-innehåll, särskilt det långa innehållet. Läsare kan skanna hela innehållet genom en innehållsförteckning.
Låt oss se de detaljerade fördelarna med att implementera en innehållsförteckning.
🔰 Förbättrad läsbarhet: För snabb navigering och bättre förståelse av strukturen bör du implementera en innehållsförteckning i ditt innehåll.
🔰 Förbättrad användarupplevelse: Med en snygg innehållsförteckning får användarna snabbare tillgång till information.
🔰 Bättre SEO: En organiserad TOC hjälper till att förbättra sökmotorgenomsökning och förbättrad sökordsoptimering.
🔰 Ökad tillgänglighet: En innehållsförteckning underlättar för skärmläsare och ger bättre tillgänglighet för personer med funktionsnedsättning.
🔰 Professionalism: Dessutom ger en innehållsförteckning ett polerat utseende och ökad trovärdighet till innehållet.
🔷 Enkel teknik att skapa kolumner och rutnät i Gutenberg
Hur man lägger till innehållsförteckning i Gutenberg
Låt oss dyka in i processen att lägga till en innehållsförteckning till WordPress-innehållet med hjälp av Gutenberg-redigeraren.
Gutenberg offers a handy block to add a table of contents to your WordPress content quickly.
STEP 1: Get the Block
I ditt innehåll, om du skriv '/', kommer Gutenbergs innehållsförteckningsblock att visas. You can simply click on the block and add TOC in the Gutenberg editor.


Återigen, du kan sök i Gutenbergs innehållsförteckningsblock genom att skriva namnet. Efteråt kan du klicka på den eller dra och släppa den till redigeraren.


Så här ser blocket ut.


STEP 2: Customize the Block
Men när du strukturerar ditt innehåll med rubriker i Gutenberg, Innehållsförteckning blockerar dynamiska uppdateringar, som speglar ditt inläggs hierarki. Den drar in underrubrikerna snyggt och skapar en tydlig och intuitiv färdplan för dina läsare. Standardinställningarna är utformade för att fungera sömlöst och kräver ingen extra ansträngning. Ändra dina rubriker så justeras innehållsförteckningen automatiskt.
Settings of Gutenberg Table of Contents
- Only include current page: When your post is split into multiple pages, this toggle allows you to decide what the Table of Contents shows. Off (default) → headings from all pages. On → only headings from the current page. If your post isn’t paginated, this setting does nothing.
- Include headings down to level: It lets you control how deep the Table of Contents goes. For example, set to H2 → only top-level headings appear, set to H4 → it also picks up H3s and H4s underneath them.


Style the Gutenberg Table of Contents Block
You can tweak a few basic styles of the block. You can change text color, font size, padding, margin, border, radius, and typography, etc.


Begränsningar för Gutenbergs innehållsförteckningsblock
🤔 There is a lack of the latest features in the block. For example, automatic numbering, collapsible sections, or the ability to exclude specific headings from the TOC are currently unavailable.
🤔 Innehållsförteckningen är starkt beroende av en välstrukturerad hierarki av rubriker. Eventuella ändringar av rubrikerna kan störa innehållsförteckningens noggrannhet.
🤔 För långa inlägg med många rubriker kan Gutenberg TOC-blocket påverka sidladdningshastigheten något.
👉 Bonusguide: How to add custom fields to Gutenberg.
Skapa din innehållsförteckning i Gutenberg
Så för att göra ditt långa innehåll mer tillgängligt och engagerande måste du överväga att implementera en innehållsförteckning. Det hjälper också till att höja den övergripande kvaliteten på din WordPress-webbplats och locka besökare.
Och nu när du vet hur du lägger till innehållsförteckning i Gutenberg kan du enkelt göra det själv.





Lämna ett svar