Trenger å opprette eller legge til en innholdsfortegnelse i Elementor ?

Når du skriver en lang artikkel, for eksempel en liste over verktøy eller steder, kan du legge til en innholdsfortegnelse. I WordPress er det en mengde plugins som du kan bruke til lage en innholdsfortegnelse på artikkelen din.

Men med Elementor, trenger du ikke å installere en innholdsfortegnelse-plugin hvis du vil legge til en innholdsfortegnelse. Elementor har en standard widget som lar deg legge til en innholdsfortegnelse på den lange artikkelen din. Vi skal dekke det her.

Innholdsfortegnelse er en ny widget nylig introdusert av Elementor. Med denne widgeten kan du gi ekstra sidenavigering for den lange artikkelen din, slik at du kan Besøkende enkelt hoppe mellom deler av artikkelen din.

Elementors innholdsfortegnelse-widget lar deg velge de nøyaktige topptekstene som skal vises på innholdsfortegnelsen. Du kan også bruke overskrifter fra en bestemt beholder på siden.

Merk: Innholdsfortegnelse er en pro-widget. Du må installere pro-versjonen av Elementor for å bruke den.

Hvordan bruke innholdsfortegnelsen widget i Elementor

Det er to ideelle måter å bruke innholdsfortegnelsen-widgeten i Elementor. Først av alt kan du bruke det på sider og innlegg (sider og innlegg opprettet utelukkende med Elementor). Alternativt kan du lage innholdsfortegnelsen-widgeten på din unike innleggsmal. nettside WordPress.

Les også: Hvordan lage et skjema for filopplasting i Elementor

Selvfølgelig må den unike postmalen gjøres med Elementor. Ved å implementere widgeten Innholdsfortegnelse på mal for enkeltinnlegg, genereres en innholdsfortegnelse automatisk på innlegget ditt så lenge innlegget inneholder topptekstene basert på toppnivåene du angir. På Innholdsfortegnelse-widgeten.

Legg innholdsfortegnelsen til en enkelt innleggsmal

I denne artikkelen viser vi deg hvordan du legger til widgeten Innholdsfortegnelse i en enkelt innleggsmal. Du kan opprette en ny enkeltpostmal eller redigere den eksisterende malen. Vi vil opprette en ny enkeltpostmal i dette eksemplet.

For å komme i gang, logg inn på WordPress-dashbordet og naviger til Maler -> Temabygger. Gå til Theme Builder-siden Enkelt fane og klikk på knappen LEGG TIL EN ENKELT for å lage en mal.

I delen Velg type modeller, velg Enkelt innlegg. Gi modellen din et navn og klikk på knappen LAG EN MODELL.

Vi oppretter mal for enkelt innlegg fra bunnen av; lukk malbiblioteket.

Se også: Slik legger du til reCAPTCHA i Elementor-skjemaet ditt

Legg til en ny seksjon ved å klikke på pluss-knappen i Elementors redigeringsboks og velge strukturen med tre kolonner.

Angi bredden på kolonnene med en sammenligning på ca 28%: 61%: 10%.

Hvordan legge til en innholdsfortegnelse i Elementor

Legg til vanlige elementer som innleggstittel, innleggsinformasjon og innlegg i den andre kolonnen, og tilpass deretter. Når du er ferdig, legger du til innholdsfortegnelsen i den første kolonnen.

Definer tittelen på innholdsfortegnelsen i seksjonen Tittel og angi toppnivåene du vil inkludere i seksjonen Ankere etter tagger.

Hvis du har kunnskap om CSS, kan du ekskludere CSS-velgerne for å forhindre at de vises på innholdslisten.

Les også: Hvordan legge til skillelinje for å opprette seksjon i Elementor

I avsnittet Markørvisning, kan du angi markøren for innholdselementer (punkter eller tall). Hvis du velger kuler, kan du angi ikonet fra ikonbiblioteket.

åpent Ytterligere alternativer for å vise andre innstillingsalternativer og velge ønskede innstillinger.

Hvordan legge til en innholdsfortegnelse i Elementor

Gå nå til fanen Stil for å tilpasse innholdsfortegnelsen. Du kan angi bakgrunnsfarge, kantfarge, kantbredde og kantradius i seksjonen Eske.

Mens du skal angi topptekstfarge, toppteksttypografi og topptekst, kan du gå til seksjonen Overskrift.

I avsnittet Liste, Du kan angi tekstfargen til det aktive elementet, tekstfargen til elementet når du holder musen over det, og tekstfargen til elementene i normal modus. Du kan også angi markørfargen samt typografien til innholdselementene her.

Se også: Hvordan installere Elementor på WordPress

For å gjøre innholdsfortegnelsen mer nyttig, kan du gjøre den synlig når du Besøkende rull musen ned. For å gjøre dette, åpne fanen avansert og få tilgang til alternativet Bevegelseseffekt. Definere den klissete på toppen og sett forskyvningen til rundt 80. Hvis du vil, kan du også angi inngangsanimasjonen i seksjonen Inngangsanimasjon.

Du kan leke med venstre panel til du er fornøyd med innholdsfortegnelsen. Når du er ferdig, klikker du på knappen PUBLISH og still inn skjermtilstanden.

Her er et eksempel på en innholdsfortegnelse som vi opprettet.

Hvordan legge til en innholdsfortegnelse i Elementor

Hvis du setter visningstilstanden for malen for enkeltinnlegg du opprettet ovenfor til Alle entall, du vil automatisk ha en innholdsfortegnelse hver gang du skriver en lang artikkel som inneholder topptekstene i henhold til overskriftsnivået du har angitt.

Til slutt

Å legge til en innholdsfortegnelse i en lang artikkel gir en beste brukeropplevelse til din Besøkende. De kan enkelt flytte fra en del av artikkelen til en annen ved å klikke på elementer i innholdsfortegnelsen. Med Elementors nye widget trenger du ikke å installere en ekstra plugin for å legge til en innholdsfortegnelse i en artikkel.

Du kan bruke innholdsfortegnelse-widgeten mens du oppretter en side eller et innlegg med Elementor. Alternativt kan du også legge til innholdsfortegnelse-widgeten på malen for enkeltinnlegg nettside WordPress slik at når du skriver et langt innlegg med overskriftskoder, genereres innholdsfortegnelsen automatisk.

Få Elementor Pro nå!

konklusjonen

Her er ! Det er det for denne artikkelen som viser deg hvordan du legger til en innholdsfortegnelse i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...