Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

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:

Hvordan legge til tabellinnhold wordpress element eller blogpascher tag

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.

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

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:

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 1

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.

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

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.

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 2

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 :

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 3

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.

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 4

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:

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 5

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:

Slik legger du til innholdsfortegnelse wordpress elementor blogpascher 6

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.

0 aksjer
del
tweet
Enregistrer