Skal oprette eller tilføje en indholdsfortegnelse i Elementor ?
Når du skriver en lang artikel, såsom en liste over værktøjer eller steder, kan du tilføje en indholdsfortegnelse. I WordPress er der en masse plugins, som du kan bruge til opret en indholdsfortegnelse på din artikel.
Men med Elementor, behøver du ikke installere et indholdsfortegnelse-plugin, hvis du vil tilføje en indholdsfortegnelse. Elementor har en standardwidget, der giver dig mulighed for at tilføje en indholdsfortegnelse på din lange artikel. Vi vil dække det her.
Indholdsfortegnelse er en ny widget for nylig introduceret af Elementor. Med denne widget kan du give yderligere sidenavigation til din lange artikel, så din besøgende nemt springe mellem afsnit i din artikel.
Elementors indholdsfortegnelse-widget giver dig mulighed for at vælge de nøjagtige header-tags, der skal vises på din indholdsfortegnelse. Du kan også bruge overskrifter fra en bestemt beholder på siden.
Bemærk: Indholdsfortegnelse er en pro-widget. Du skal installere pro-versionen af Elementor for at bruge den.
Sådan bruges widget Indholdsfortegnelse i Elementor
Der er to ideelle måder at bruge indholdsfortegnelsen-widget i Elementor. Først og fremmest kan du bruge det på sider og indlæg (sider og indlæg oprettet udelukkende med Elementor). Alternativt kan du oprette indholdsfortegnelseswidgetten på din unikke indlægsskabelon. websted WordPress.
Læs også: Sådan oprettes en filuploadformular i Elementor
Selvfølgelig skal den unikke postskabelon gøres med Elementor. Ved at implementere widget Indholdsfortegnelse på skabelonen til et enkelt indlæg, genereres der automatisk en indholdsfortegnelse på dit indlæg, så længe indlægget indeholder header-tags baseret på de headerniveauer, du har angivet. På widget Indholdsfortegnelse.
Føj widget til indholdsfortegnelse til en enkelt postskabelon
I denne artikel viser vi dig, hvordan du tilføjer widget til indholdsfortegnelse til en enkelt postskabelon. Du kan oprette en ny enkelt postskabelon eller redigere den eksisterende skabelon. Vi opretter en ny enkelt postskabelon i dette eksempel.
For at komme i gang skal du logge ind på dit WordPress-dashboard og navigere til Skabeloner -> Theme Builder. Gå til Theme Builder-siden Enkelt fane og klik på knappen TILFØJ EN ENKELT for at oprette en skabelon.
I afsnittet Vælg sektionen type modeller, vælg Enkelt post. Giv din model et navn, og klik på knappen Opret EN MODEL.
Vi opretter skabelonen til enkelt post fra bunden; luk skabelonbiblioteket.
Se også: Sådan tilføjes reCAPTCHA til din Elementor-formular
Tilføj et nyt afsnit ved at klikke på plusknappen i Elementors redigeringsfelt og vælge strukturen med tre kolonner.
Indstil bredden på kolonnerne med en sammenligning på ca. 28%: 61%: 10%.
Føj almindelige elementer som indlægstitel, indlægsoplysninger og indlægsindhold til den anden kolonne, og tilpas derefter. Når det er gjort, skal du tilføje indholdsfortegnelseswidgeten til den første kolonne.
Definer titlen på din indholdsfortegnelse i sektionen Titel og indstil de headerniveauer, du vil medtage i sektionen Ankre efter mærker.
Hvis du har kendskab til CSS, kan du ekskludere CSS-vælgere for at forhindre dem i at blive vist på indholdslisten.
Læs også: Sådan tilføjes skillevæg for at oprette sektion i Elementor
I afsnittet Markørvisning, kan du indstille markøren for indholdselementer (punkttegn eller tal). Hvis du vælger punkttegn, kan du indstille ikonet fra ikonbiblioteket.
åbent Yderligere Indstillinger for at få vist andre indstillingsmuligheder og vælge de ønskede indstillinger.
Gå nu til fanen stil for at tilpasse din indholdsfortegnelse. Du kan indstille baggrundsfarve, kantfarve, kantbredde og kantradius i sektionen Boks.
Mens du indstiller overskriftsfarve, overskriftstypografi og overskriftstekst, kan du gå til sektionen Header.
I afsnittet Liste, Du kan indstille tekstfarven på det aktive element, elementets tekstfarve, når du holder musen over det, og elementernes tekstfarve i normal tilstand. Du kan også indstille markørfarven såvel som typografien for indholdselementerne her.
Se også: Sådan installeres Elementor på WordPress
For at gøre din indholdsfortegnelse mere nyttig kan du gøre den synlig, når din besøgende rul musen ned. For at gøre dette skal du åbne fanen avanceret og få adgang til indstillingen Bevægelseseffekt. Definere den Sticky På toppen og indstil forskydningen til omkring 80. Hvis du vil, kan du også indstille inputanimationen i afsnittet Indgangsanimation.
Du kan lege med det venstre panel, indtil du er tilfreds med din indholdsfortegnelse. Når du er færdig, skal du klikke på knappen PUBLISH og indstil skærmtilstanden.
Her er et eksempel på en indholdsfortegnelse, som vi oprettede.
Hvis du indstiller visningstilstanden for den enkelte postskabelon, du oprettede ovenfor til Alle ental, du vil automatisk have en indholdsfortegnelse hver gang du skriver en lang artikel, der indeholder header-tags i henhold til det headerniveau, du har angivet.
I sidste ende
Tilføjelse af en indholdsfortegnelse til en lang artikel giver en bedste brugeroplevelse til din besøgende. De kan nemt flytte fra et afsnit af din artikel til et andet ved at klikke på elementer i indholdsfortegnelsen. Med Elementors nye widget behøver du ikke installere et ekstra plugin for at tilføje en indholdsfortegnelse til en artikel.
Du kan bruge widgetten Indholdsfortegnelse, mens du opretter en side eller et indlæg med Elementor. Alternativt kan du også tilføje indholdsfortegnelse-widgetten på din skabelon til et enkelt indlæg websted WordPress, så når du skriver et langt indlæg med header-tags, genereres indholdsfortegnelsen automatisk.
Hent Elementor Pro nu!
Konklusion
Her er ! Det er det for denne artikel, der viser dig, hvordan du tilføjer en indholdsfortegnelse i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
