Hvis du publiserer langt innhold, hjelper det å legge til en innholdsfortegnelse både søkemotorer og Besøkende mennesker til å navigere og forstå innholdet ditt.
Med widgeten Innholdsfortegnelse for WordPress, kan du enkelt legge til en innholdsfortegnelse til din nettside som automatisk genererer innholdet basert på hierarkiet av tittelkoder i innholdet ditt.
For eksempel:
Hvis du bruker denne widgeten med den visuelle temabyggeren til Elementor Pro, du kan automatisk legge til en innholdsfortegnelse til alt innholdet ditt uten å løfte en finger. Når en besøkende klikker på en lenke i innholdsfortegnelsen, fungerer den som et anker og tar dem til den delen av siden.
I dette innlegget vil vi vise deg nøyaktig hvordan du konfigurerer widgeten Innholdsfortegnelse for WordPress avec Elementor Temabygger.
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 bør vi merke oss at du også kan bruke denne widgeten på en enkel måte. I denne opplæringen fokuserer vi imidlertid på å automatisk legge til innholdsfortegnelsen til alt (eller noe) av innholdet ditt ved å bruke Elementor Temabygger og unike innleggsmaler.
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 - hvis Besøkende kan eller kan ikke redusere innholdsfortegnelsen. Hvis du aktiverer dette alternativet, vil du også kunne velge egendefinerte ikoner og angi responsiv oppførsel. For eksempel kan du automatisk skjule denne innholdsfortegnelsen for Besøkende på mobil.
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
Deretter går du til kategorien Stil for å konfigurere innholdsfortegnelsen. Du kan endre alle farger og typografi for å skape en brukervennlig opplevelse og matche resten av designet. nettside :
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.
