Hvis du legger ut langt innhold, legger du til en innholdsfortegnelse både søkemotorer og menneskelige besøkende til å navigere og forstå innholdet ditt.
Med widgeten Innholdsfortegnelse for WordPress, kan du enkelt legge til en innholdsfortegnelse på nettstedet ditt som automatisk genererer innholdet basert på hierarkiet med tittelkoder i innholdet.
For eksempel:
Hvis du bruker denne widgeten med Elementor Pro's visuelle temabyggger, kan du automatisk legge til en innholdsfortegnelse til alt innholdet uten å løfte en finger. Når en besøkende klikker på en lenke i innholdsfortegnelsen, fungerer den som et anker og tar dem med til den delen av siden.
I dette innlegget vil vi vise deg nøyaktig hvordan du konfigurerer widgeten Innholdsfortegnelse for WordPress med Elementor Theme Builder.
Men før, la oss oppdage sammen Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din.
Så tilbake til hvorfor vi er her.
Slik legger du til en innholdsfortegnelse med Elementor
Først av alt skal vi merke deg at du også kan bruke denne widgeten på en grunnleggende måte. I denne opplæringen fokuserer vi imidlertid på å automatisk legge til TOC til alt (eller noen) av innholdet ditt ved hjelp av Elementor Theme Builder og enkeltinnleggsmaler.
Slik gjør du det.
1. Opprett eller modifiser en enkelt postmal
For å komme i gang bruker du Elementor Theme Builder for å opprette en ny unik innleggsmal eller redigere en av de eksisterende unike innleggsmaler der du vil legge til innholdsfortegnelsen.
Du kan bruke malen din på alle typer innlegg (blogg, side, tilpasset innleggstype), men vi vil fokusere på blogginnlegg.
2. Legg til innholdsfortegnelsen-widgeten
Når du har åpnet den unike innleggsmalen, legger du til widgeten Innholdsfortegnelse der du vil at innholdsfortegnelsen skal vises. Den ligger i kategorien Unik, med widgetene for innleggstittelen og innholdet i innlegget:
Når du har lagt til widgeten, bør du automatisk se en liste over alle titlene som er til stede i innlegget.
Nå er det på tide å konfigurere innstillingene for denne widgeten.
3. Konfigurer widget-tabellen
Sørg for å åpne innstillingene for widgeten Table of Content. Bruk deretter fanen Innhold for å konfigurere innholdet som vises i innholdsfortegnelsen.
Først legger du til tittelen - for eksempel "Innholdsfortegnelse". Dette er statisk tekst som vises over listen over ankerkoblinger som widgeten automatisk genererer.
Velg deretter innholdet du vil inkludere. I fanen Inkludere, du kan komme inn:
- HTML-kode. For eksempel kan du inkludere og, men ikke noe mindre. Du må definere tittelkodene i WordPress-redigereren.
- Containere. Du kan også legge til ankerkoblinger til andre containere utenfor innholdet i innlegget ditt. For eksempel foten tå. Dette er en avansert funksjon.
Hvis du åpner fanen Utelukke, du kan ekskludere bestemte overskrifter fra innlegget ditt ved hjelp av en CSS-velger. For eksempel hvis du vil ekskludere en enkelt tittel , du kan legge til en spesiell CSS-klasse " ignorere Til den overskriften ved hjelp av WordPress-redigereren, ekskluder deretter den ved å bruke regelen Forankringer av Selector :
Da kan du bruke parameteren Markørvisning å velge mellom tall og kuler i innholdsfortegnelsen. Hvis du velger " kuler ", kan du velge mellom et hvilket som helst Font Awesome-ikon.
Endelig kan du bruke seksjonen Andre alternativer for å kontrollere andre parametere:
Word Wrap - om elementene kan ta flere linjer eller ikke.
Minimer boksen - om besøkende kan slå sammen innholdsfortegnelsen eller ikke. Hvis du aktiverer dette alternativet, vil du også kunne velge egendefinerte ikoner og definere responsiv oppførsel. For eksempel kan du automatisk kollapse denne innholdsfortegnelsen for mobile besøkende.
Hierarkisk syn - når aktivert, vil underoverskrifter bli innrykket under overordnede overskrifter. Hvis deaktivert, vises alt i en enkelt liste uten innrykk.
4. Konfigurer stilinnstillinger
Gå deretter til stilfanen for å konfigurere innholdsfortegnelsen. Du kan endre alle farger og typografi for å skape en brukervennlig opplevelse og matche resten av nettsteddesignet:
5. Konfigurer avanserte innstillinger
Gå til fanen for å fullføre ting avanced for å konfigurere noen flere innstillinger for hvordan innholdsfortegnelsen din fungerer.
Hvis du for eksempel angir Bredde lik Custom et Stilling lik Fikset i seksjonen Posisjonering, kan du forsikre deg om at innholdsfortegnelsen forblir i samme posisjon selv når brukere begynner å bla gjennom siden.
Hvis du bruker Posisjonering for å vise innholdsfortegnelsen din på et annet element (som overskriften), kan du også øke Z-indeksen for å få den til å vises øverst:
Og det er alt ! Du har nettopp lært hvordan du automatisk kan legge til en innholdsfortegnelse til innholdet ditt ved hjelp av Elementor Visual Theme Builder og innholdsfortegnelse-widgeten.
For å komme i gang, kjøp Elementor Pro i dag og lag innholdsfortegnelsen din i Elementor Theme Builder.
