Gratis Elementor Tidslinje Widget: Lodrette og vandrette tidslinjer
Tidslinje er en gratis Master Addons widget til Elementor, der udstikker datoer og begivenheder langs en forbindelseslinje. Byg en brugerdefineret tidslinje i hånden, med en dato eller etiket, rigt indhold, et billede og et link til hvert element, og vis det lodret eller som en vandret karrusel. Med Master Addons Pro kan du også bygge en Post Tidslinje direkte fra dine blogindlæg. Det passer til virksomhedens historier, køreplaner, begivenhedsplaner og nyhedsarkiver.
Sådan tilføjes en tidslinje i Elementor
Disse trin bygger en gratis Brugerdefineret tidslinje. Widgetten starter med tre prøveemner, så du kan se layoutet, før du ændrer noget.
- I Elementor skal du søge i widgetpanelet efter “Tidslinje” og trække Master Addons-widgetten ind på siden.
- Behold Tidslinjetype på brugerdefineret tidslinje, og vælg Lodret tidslinje eller Vandret tidslinje.
- Åbn hver række under Elementer, og indstil datoen eller en brugerdefineret etiket, indholdet, et billede og et link.
- Klik på Tilføj element for at få flere milepæle, og træk i rækkerne for at omarrangere dem.
- For en vandret tidslinje skal du indstille Navigations- og karruselindstillingerne.
- Style kortene, datoerne, linjen og punkterne på fanen Style, og udgiv derefter.
Vores tidslinje tutorial går gennem hver indstilling med skærmbilleder.
Brugerdefineret tidslinje (gratis) eller Post Tidslinje (Pro)
Brugerdefineret tidslinje er den gratis mulighed. Hvert element får en dato, som du kan bytte til en brugerdefineret etiket som “Fase 1”, et område med indhold af rig tekst, et billede og et valgfrit link til hele kortet. Elementer kan også have deres egne punkt- og farveindstillinger. Post Tidslinje, en del af Pro, bygger tidslinjen fra dine indlæg: filtrer efter kategori, tag eller forfatter, ekskluder specifikke indlæg, indstil rækkefølgen og offset, og vælg, om titlen, det fremhævede billede og uddrag skal vises.
- Brugerdefineret tidslinje: en dato eller brugerdefineret etiket, indhold, billede og link for hvert element.
- Per-item styling til punkt-, kort- og datofarverne.
- Posttidslinje (Pro): kategori, tag og forfatterfiltre, udelukkede indlæg, offset og rækkefølge.
- Postkort kan vise titlen, featured billede, uddrag og en læs mere link.
Lodret tidslinje eller vandret karrusel
Den Lodrette Tidslinje stabler kort langs en midterlinje. Juster dem til venstre, midten, højre eller som en overlejring, og vend kortpositionerne med én kontakt. Den Vandrette Tidslinje, der er tilgængelig for Brugerdefinerede Tidslinjer, gør emnerne til en karrusel. Vælg en standard slide eller Coverflow layout, slå automatisk afspilning og sløjfe til, og vælg navigation med pile, prikker, en brøktæller eller en statuslinje.
- Lodret justering: venstre, center, højre eller overlay, med vendbare kortpositioner.
- Vandret karrusel med Karrusel- eller Coverflow-layout, autoplay og loop.
- Navigation med pile, prikker, brøk, statuslinje eller en rullebjælke.
- Vandrette og lodrette afstandskontroller for kortene.
Linje- og punktstyling
Style linjen med en baggrundsfarve, en fremskridtsfarve, tykkelse og en kant. Punkter kan være almindelige prikker, ikoner, billeder, tal eller bogstaver, og hver har Standard, Hover og Fokuseret stilarter for størrelse, baggrundsfarve, punktfarve og tekstskygge. På den måde skiller den milepæl, en besøgende kigger på, sig ud fra resten.
- Linjebaggrund, fremdriftsfarve, tykkelse og kant.
- Fem punkttyper: prikker, ikoner, billeder, tal eller bogstaver.
- Standard-, Hover- og Fokuserede tilstande for hvert punkt.
Kort- og datostyling med animationer
Kort får polstring, margen, indholdsudfyldning, grænseradius og separat titel- og indholdstypografi. Deres farve, baggrund, boksskygge og tekstskygge kan ændre sig på tværs af tilstandene Standard, Hover og Fokuseret. Slå Animate Cards til for at afsløre hvert kort, når det ruller til syne. Datoer har deres egen typografi, udfyldning, margen, tekstskygge og farver for alle tre stater.
- Kortafstand, radius og typografikontroller.
- Standard, Hover og Fokuseret stilarter for kort og datoer.
- Animér kort for at afsløre genstande, mens de ruller til syne.
Brugerdefineret tidslinje vs Post Tidslinje
Elementor har ingen tidslinje widget i enten sin gratis eller Pro version, så uden en addon du ville bygge en fra kolonner, dividers og brugerdefinerede CSS. Her er, hvordan de to Tidslinje typer sammenligne.
| Brugerdefineret tidslinje | Post Tidslinje | |
|---|---|---|
| Price | Free | Master Addons Pro |
| Content | Elementer, du tilføjer i panelet | Dine publicerede indlæg |
| Opdateringer | Når du redigerer elementerne | Hver gang du udgiver et indlæg |
| Layouts | Lodret eller vandret karrusel | Lodret |
| Hver post viser | Dato eller etiket, indhold, billede, link | Titel, featured billede, dato, uddrag, læs mere |
| Bedst til | Historier, køreplaner, tidsplaner | Nyhedsarkiver, release notes |
For et komplet postgitter ved siden af din tidslinje, brug den gratis Blogwidget. For at vise tallene bag dine milepæle, skal du tilføje Counter Up.
Ofte stillede spørgsmål til tidslinje
Skal jeg bruge Post Timeline eller Custom Timeline?
Brug Brugerdefineret tidslinje, som er gratis, når du vil styre hver dato og post, som en Vores historie side eller en køreplan. Brug Post Tidslinje, en del af Master Addons Pro, når tidslinjen skal opdatere sig selv fra dine blogindlæg, som et nyhedsarkiv.
Hvordan fungerer den "Fokuserede" stat?
Tilstanden Fokuseret styler det element, der aktuelt er aktivt, når besøgende ruller gennem tidslinjen eller bevæger sig gennem karrusellen. Giv det en anden kortbaggrund, datofarve eller et større punkt, så den aktuelle milepæl skiller sig ud.
Er Elementor Timeline widget gratis?
Ja. Tidslinje er en gratis widget, herunder typen Brugerdefineret tidslinje og både lodrette og vandrette layout. Posttidslinje-typen, som bygger poster fra dine blogindlæg, har brug for Master Addons Pro.
Kan jeg linke et helt tidslinjekort til en side?
Ja. Hver brugerdefineret tidslinje element har et Link felt, der gør hele kortet klikbar. Post Tidslinjer har en Aktiver Links switch, der knytter hvert kort til sit indlæg. Undgå andre links inde i et linket kort, da links inden for links ikke er tilladt.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
