Tidslinje
Historie, fremskridt og køreplaner handler om sekvens – men notering af begivenheder i punktopstillinger mister fortællingen. Master Addons Tidslinjeelement bringer sekvens til live. Vælg at bygge en brugerdefineret tidslinje med håndlavede milepæle, eller generer en Post Tidslinje automatisk fra din blog. Vis den som en klassisk Lodret Tidslinje eller en moderne Vandret karrusel. Style hver komponent: den centrale linje, datomarkører, indholdskort og navigation. Perfekt til virksomhedens historier, projekt køreplaner, biografiske rejser eller fremvisning af dit blogarkiv på en visuelt overbevisende måde. Fortæl ikke bare folk, hvad der skete – vis dem rejsen.
Tidslinje for brugerdefinerede eller dynamiske indlæg
Start med at vælge din tidslinjes kilde. For fuld kreativ kontrol skal du vælge Brugerdefineret tidslinje. Tilføj elementer manuelt, hver med sin egen Dato, Titel, rigt indhold (tekst, medier) og et valgfrit Link. For en dynamisk, automatisk opdateringstidslinje skal du vælge Posttidslinje. Det opretter automatisk milepæle fra dine blogindlæg ved at bruge udgivelsesdatoen som tidslinjepunkt. Filtrer indlæg efter kategori, tag eller forfatter, og kontroller den viste rækkefølge og nummer. Denne fleksibilitet lader dig oprette alt fra en personlig historikside til et dynamisk “Vores historie” blogfeed.
- Brugerdefineret tidslinje: Opret en brugerdefineret tidslinje med fuldstændig kontrol over hver dato, titel, beskrivelse og billede.
- Automatisk generation: Brug Post Timeline til at omdanne dit blogarkiv til en visuel kronologisk historie.
- Smart Post-filtrering: For Post-tidslinjer skal du inkludere eller ekskludere indlæg efter kategori, tag, forfatter eller specifikke indlægs-id'er.
- Rich Content Cards: Tilføj formateret tekst, billeder og links til hvert tidslinjeelement, uanset om det er manuelt eller fra et indlæg.
Lodrette og vandrette layouts med karrusel
Præsenter din tidslinje i den retning, der passer til din side. Den klassiske Vertical Timeline stabler emner pænt i en kolonne, perfekt til sidebjælker eller langformede historiesider. For en mere engagerende, interaktiv visning skal du bruge den horisontale tidslinje (karrusel). Dette gør din tidslinje til en glat, rulbar karrusel med konfigurerbare navigationspile. Styr den horisontale og vertikale afstand mellem emner, og juster justeringen af indhold inden for hvert kort. Dette sikrer, at din tidslinje ikke bare er informativ, men også en dynamisk del af sidelayoutet.
- Orienteringsvalg: Vælg et traditionelt lodret layout eller en moderne vandret karruselstil.
- Interaktiv karrusel: For vandrette tidslinjer skal du aktivere jævn rulning, navigationspile og styre rulleadfærd.
- Præcis layoutkontrol: Juster elementgab, afstand og justering (venstre, midt) for pixelperfekt positionering.
- Pladsbesparende: Den vandrette karrusel er ideel til heltesektioner eller områder med begrænset lodret plads.
Komplet Central Line & Point Styling
Den centrale linje og punkter er de ikoniske visuelle ankre. Style selve Linjen – dens farve, tykkelse og stil. Derefter, designe de Punkter (eller ikoner), der markerer hver begivenhed på linjen. Vælg den Type (simple prikker eller brugerdefinerede ikoner). Style dem til Standard, Hover, og Fokuserede tilstande, ændre deres Størrelse, Baggrundsfarve, og Punkter Farve. Du kan endda tilføje en Tekstskygge for dybde. Dette gør tidslinjens skelet fra en simpel divider til en designet grafisk element.
- Central Line Design: Tilpas farven og stilen på tidslinjens forbindelseslinje.
- Interaktive punkter: Stil markørerne med tre tilstande (normal, svæve, fokuseret) for klar interaktionsfeedback.
- Ikon eller Dot Choice: Brug enkle prikker, eller vælg et hvilket som helst ikon fra biblioteket som dine tidslinjemarkører.
- Visuelt hierarki: Gør det aktive eller svævede punkt større eller en anden farve for at tiltrække opmærksomhed.
Kort & Dato Styling med Animationer
Gør hver begivenheds kort til et mini mesterværk. Style kortbeholderen: indstil Baggrundsfarve, Border Radius, Padding, Margin og en Box Shadow for dybde. Aktiver Animate Cards for glatte indgangseffekter. Design separat Dato-etiketterne med deres egen Typografi, Farve og Afstand. Style disse elementer til Standard, Hover og den vigtige Fokuserede tilstand (når et kort er aktivt/centreret). Dette sikrer, at hver milepæl er visuelt distinkt og behageligt at interagere med.
- Kortbeholderdesign: Stil baggrunden, kanterne, skyggerne og afstanden mellem hvert tidslinjeelementkort.
- Dato Label Styling: Giv dato tekst sin egen farve, skrifttype og skygge, adskilt fra kortets indhold.
- Triple-State Control: Definer unikke typografier for, hvornår et kort er normalt, svævet over eller i fokuseret visning.
- Glatte animationer: Tilføj subtile indgangsanimationer til kort, når de kommer til syne.
Ofte stillede spørgsmål til tidslinje
Skal jeg bruge Post Timeline eller Custom Timeline?
Brug Post Timeline, hvis du vil have en automatiseret, altid opdateret tidslinje baseret på dine blogindlæg (godt til “Firmaopdateringer” eller “Nyhedshistorik”).
Brug brugerdefineret tidslinje, hvis du har brug for fuld kontrol over datoer, indhold og billeder til en fast historie (perfekt til “Vores historie,” “Biografi” eller “Projektkøreplan”).
Hvordan fungerer den "Fokuserede" stat?
Den fokuserede tilstand er særlig nyttig i horisontale (karrusel) tidslinjer. Den anvender en speciel stil til kortet, der i øjeblikket er centreret eller aktivt i visningen, og hjælper det med at skille sig ud visuelt. Du kan gøre det større, ændre dets baggrund eller tilføje en skygge for at angive, at det er det primære element i visningen.
Er tidslinjen responsiv på mobilen?
Ja. Lodrette tidslinjer vil stable naturligt. Horisontale tidslinjekarruseller vil blive touch-scrollbare på mobilen, og navigationspile vil justere eller kan skjules. Kortlayout, tekst og billeder vil ændre størrelsen passende for små skærme.
Kan jeg linke et helt tidslinjekort til en side?
Ja. I Custom Timeline elementindstillingerne kan du tilføje et Link. Aktiver muligheden for at sammenkæde hele kortet. For Post Timelines kan du aktivere Links på kortniveau, hvilket gør hvert kort klikbart til dets enkelte indlæg. Pas på ikke at have andre links inde i kortet, hvis du aktiverer dette.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
