Hvis du udgiver langt indhold, hjælper tilføjelse af en indholdsfortegnelse både søgemaskiner og besøgende mennesker til at navigere og forstå dit indhold.
Med widget'en Indholdsfortegnelse widget til WordPress, kan du nemt tilføje en indholdsfortegnelse til din websted som automatisk genererer sit indhold baseret på hierarkiet af titeltags i dit indhold.
For eksempel:
Hvis du bruger denne widget med den visuelle temabygger af Elementor Pro, du kan automatisk tilføje en indholdsfortegnelse til alt dit indhold uden at løfte en finger. Når en besøgende klikker på et link i indholdsfortegnelsen, fungerer det som et anker og fører dem til den del af siden.
I dette indlæg viser vi dig nøjagtigt, hvordan du konfigurerer widget'en Indholdsfortegnelse widget til WordPress med Elementor Tema Builder.
Men før, lad os opdage sammen Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog.
Så tilbage til, hvorfor vi er her.
Sådan tilføjes en indholdsfortegnelse med Elementor
Først og fremmest skal vi bemærke, at du også kan bruge denne widget på en grundlæggende måde. Men i denne vejledning fokuserer vi på automatisk at tilføje indholdsfortegnelsen til alt (eller noget) af dit indhold vha. Elementor Theme Builder og unikke indlægsskabeloner.
Sådan gør du det.
1. Opret eller rediger en enkelt indlægsskabelon
For at komme i gang skal du bruge Elementor Theme Builder til at oprette en ny unik postskabelon eller redigere en af dine eksisterende unikke postskabeloner, hvor du vil tilføje indholdsfortegnelsen.
Du kan anvende din skabelon til enhver type indlæg (blog, side, tilpasset indlægstype), men vi vil fokusere på blogindlæg.
2. Tilføj widget til indholdsfortegnelse
Når du har åbnet din unikke postskabelon, skal du tilføje widgetten Indholdsfortegnelse hvor du vil have din indholdsfortegnelse skal vises. Det er placeret i kategorien Unik med widgets til posttitel og postindhold:
Når du har tilføjet widgeten, skal du automatisk se en liste over alle de titler, der er til stede i indlægget.
Nu er det tid til at konfigurere indstillingerne for denne widget.
3. Konfigurer widgettabellen
Sørg for at åbne indstillingerne for widgeten til indholdsfortegnelse. Brug derefter fanen Indhold for at konfigurere indholdet, der vises i din indholdsfortegnelse.
Først skal du tilføje titlen - for eksempel "Indholdsfortegnelse". Dette er en statisk tekst, der vises over listen over ankerlink, som widget'en automatisk genererer.
Vælg derefter det indhold, der skal medtages. I fanen Omfatte, du kan komme ind:
- HTML-tag. For eksempel kan du medtage og, men ikke noget mindre. Du skal definere dine titelmærker i WordPress-editoren.
- Beholdere. Du kan også tilføje ankerlink til andre containere uden for dit indhold. For eksempel din fodetå. Dette er en avanceret funktion.
Hvis du åbner fanen Udelukke, du kan ekskludere specifikke overskrifter fra dit indlæg ved hjælp af en CSS-vælger. For eksempel, hvis du vil ekskludere en enkelt titel , du kan tilføje en speciel CSS-klasse " ignorere Til denne overskrift ved hjælp af WordPress-editoren, ekskluder derefter den ved hjælp af reglen Forankringer af selektor :
Derefter kan du bruge parameteren Markørvisning at vælge mellem tal og kugler i listen over indholdsfortegnelser. Hvis du vælger " kugler ", kan du vælge mellem ethvert Font Awesome-ikon.
Endelig kan du bruge sektionen Yderligere indstillinger til at kontrollere andre parametre:
Tekstombrydning - om elementerne kan tage flere linjer eller ej.
Minimer boksen - hvis besøgende kan eller kan ikke reducere indholdsfortegnelsen. Hvis du aktiverer denne mulighed, vil du også være i stand til at vælge brugerdefinerede ikoner og indstille responsiv adfærd. For eksempel kan du automatisk skjule denne indholdsfortegnelse for besøgende på mobilen.
Hierarkisk udsigt - når dette er aktiveret, vil underoverskrifter blive indrykket under overordnede overskrifter. Hvis det er deaktiveret, vises alt på en enkelt liste uden indrykning.
4. Konfigurer stilindstillinger
Derefter skal du navigere til fanen Stil for at konfigurere dit indholdsfortegnelsesdesign. Du kan ændre alle farver og typografi for at skabe en brugervenlig oplevelse og matche resten af dit design. websted :
5. Konfigurer avancerede indstillinger
Gå til fanen for at afslutte tingene avanced for at konfigurere et par flere indstillinger til, hvordan din indholdsfortegnelse fungerer.
For eksempel, hvis du indstiller Bredde svarende til Tilpasset et Position svarende til Fast i afsnittet Positionering, kan du sikre dig, at indholdsfortegnelsen forbliver i samme position, selv når brugerne begynder at rulle rundt på siden.
Hvis du bruger Positionering for at få vist din indholdsfortegnelse oven på et andet element (som dit overskrift), kan du også øge Z-indekset for at få det til at vises øverst:
Og det er alt! Du har lige lært, hvordan du automatisk tilføjer en indholdsfortegnelse til dit indhold ved hjælp af Elementor Visual Theme Builder og indholdsfortegnelse widget.
For at komme i gang skal du købe Elementor Pro i dag og opret din indholdsfortegnelse i Elementor Theme Builder.
