Sådan tilføjes indholdsfortegnelse i Gutenberg

At lave en læsevenlig indholdsfortegnelse (TOC) er en fantastisk måde at forbedre navigation og brugeroplevelse på. Med Gutenberg-editoren er tilføjelse af en TOC en enkel og effektiv løsning.
I dette selvstudiums blogindlæg vil vi undersøge, hvordan du tilføjer indholdsfortegnelse i Gutenberg til dit WordPress-indhold på kortere tid.

The Advantages of Implementing a Table of Contents

En indholdsfortegnelse organiserer dit WordPress-indhold, især det lange indhold. Læsere kan scanne hele indholdet gennem en indholdsfortegnelse.
Lad os se de detaljerede fordele ved at implementere en indholdsfortegnelse.

🔰 Forbedret læsbarhed: For hurtig navigation og en bedre forståelse af strukturen bør du implementere en indholdsfortegnelse til dit indhold.

🔰 Forbedret brugeroplevelse: Med en flot indholdsfortegnelse får brugerne hurtigere adgang til information.

🔰 Bedre SEO: En organiseret TOC hjælper med at forbedre søgemaskinecrawling og forbedret søgeordsoptimering.

🔰 Øget tilgængelighed: En indholdsfortegnelse gør det nemmere for skærmlæsere og giver bedre tilgængelighed for mennesker med handicap.

🔰 Professionalisme: Derudover giver en TOC et poleret udseende og øget troværdighed til indholdet.

🔷 Nem teknik til oprette kolonner og gitter i Gutenberg

Sådan tilføjes indholdsfortegnelse i Gutenberg

Lad os dykke ned i processen med at tilføje en indholdsfortegnelse til WordPress-indholdet ved hjælp af Gutenberg-editoren.

Gutenberg offers a handy block to add a table of contents to your WordPress content quickly.

STEP 1: Get the Block

I dit indhold, hvis du skriv '/', vises Gutenberg-indholdsfortegnelsen. You can simply click on the block and add TOC in the Gutenberg editor.

Det kan du igen søg i Gutenberg-indholdsfortegnelsesblokken ved at skrive navnet. Bagefter kan du klikke på det eller trække-og-slip det til editoren.

Sådan ser blokken ud.

STEP 2: Customize the Block

Men når du strukturerer dit indhold med overskrifter i Gutenberg, Indholdsfortegnelse blokerer dynamiske opdateringer, der afspejler dit indlægs hierarki. Det indrykker pænt underoverskrifterne og skaber en klar og intuitiv køreplan for dine læsere. Standardindstillingerne er designet til at fungere problemfrit og kræver ingen ekstra indsats. Rediger dine overskrifter, og indholdsfortegnelsen justeres automatisk.

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ænsninger for Gutenberg-indholdsfortegnelsesblokken

🤔 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.
🤔 Indholdsfortegnelsen er stærkt afhængig af et velstruktureret hierarki af overskrifter. Enhver ændring af overskrifterne kan forstyrre indholdsfortegnelsens nøjagtighed.
🤔 For lange indlæg med adskillige overskrifter kan Gutenberg TOC-blokken muligvis påvirke sideindlæsningshastigheden en smule.

👉 Bonus guide: How to add custom fields to Gutenberg.

Opret din indholdsfortegnelse i Gutenberg

Så for at gøre dit langformede indhold mere tilgængeligt og engagerende, skal du overveje at implementere en TOC. Det vil også hjælpe med at højne den overordnede kvalitet af dit WordPress-websted og tiltrække besøgende.

Og nu hvor du ved, hvordan du tilføjer indholdsfortegnelse i Gutenberg, kan du nemt gøre det selv.