Counter Up
Tal fortæller en kraftfuld historie – især når de animerer lige før dine besøgendes øjne. Counter Up-elementet forvandler dine nøglestatistikker til engagerende, dynamiske skærme. Fremvis dine glade klienter, projekter afsluttet eller enhver vigtig metrik med en jævn tælleanimation, der starter fra nul og ruller op til dit endelige nummer. Arranger flere tællere i et rent gitter, tilføj ikoner eller billeder, og stil alle detaljer, så de matcher dit brand. Det er den gennemprøvede måde at opbygge tillid, fremhæve præstationer og tilføje et strejf af moderne interaktivitet til enhver sektion af dit websted.
Fleksible multi-kolonne gitterlayouts
Vis ikke bare en stat – fremvis en suite af præstationer. Tilføj flere tællerelementer, og arranger dem derefter i et responsivt gitter. Vælg mellem 1 til 6 kolonner, så de passer perfekt til dit layout, uanset om det er i en stram sidefod eller en rummelig heltesektion. Gitteret justerer og stabler automatisk smukt på mobilen, hvilket sikrer, at din statistik ser godt ud på hver enhed. Denne struktur er perfekt til at skabe de klassiske “Milepæle” eller “Sjove fakta” sektioner.
- Responsive Grid System: Arranger tællere i op til 5 kolonner til desktop, med automatisk stabling på tablet og mobil.
- Ubegrænset Tællere: Tilføj så mange tæller elementer som du har brug for -klienter, projekter, timer, kopper kaffe, noget.
- Balanceret afstand: Gitteret opretholder ensartet afstand og justering for et professionelt, afbalanceret udseende.
Glat animeret optælling
Magien er i bevægelsen. I stedet for at vise et statisk tal, starter tælleren ved 0 og animerer jævnt op til dit målnummer (som 6000+). Denne subtile animation fanger opmærksomhed, understreger vækst og får statistikken til at føles mere betydningsfuld og fortjent. Du styrer det endelige tal, præfiks/suffiks (som “+” symbolet), og tempoet i tællingen for den perfekte dramatiske effekt.
- Opmærksomhedsskabende bevægelse: Den rullende optælling trækker naturligvis den besøgendes øje til dine nøglemålinger.
- Tilpas format: Tilføj præfikser (som “$”) og suffikser (som “K” eller “+”) til dine tal.
- Kontrolleret varighed: Påvirk hastigheden af tælleanimationen, så den passer til dit websteds tempo.
Komplet visuel tilpasning
Dine tællere skal ligne en integreret del af dit design. Style den overordnede Counter Box med baggrundsfarver, polstring, margener, grænser og skygger. Derefter, tilpasse hver komponent: Ikonet / Image (størrelse, position, baggrund), den animerede Nummer (farve, typografi), og Titlen under det. Du har uafhængig kontrol over farver, skrifttyper, og afstand for hver del, giver mulighed for endeløse kreative kombinationer.
- Individuel komponentstyling: Style ikonet, nummeret og titlen uafhængigt med separate farver og typografi.
- Ikon- og billedfleksibilitet: Brug ikoner fra ethvert aktiveret bibliotek eller upload brugerdefinerede billeder som visuelle ankre for hver stat.
- Professionel indramning: Brug boksskygger, kantradius og baggrundsfarver for at få hvert modelement til at poppe.
Ofte stillede spørgsmål til Counter Up
Afspilles tælleanimationen igen, hver gang nogen ruller forbi den?
Typisk udløses animationen én gang, når elementet først kommer ind i viewporten under en sideindlæsning. Hvis brugeren ruller væk og tilbage, afspilles den normalt ikke igen, medmindre siden opdateres. Dette forhindrer animationen i at blive gentagen og distraherende.
Kan jeg bruge billeder i stedet for ikoner til tællergrafikken?
Ja! I ikonindstillingerne kan du vælge at uploade et brugerdefineret billede i stedet for at vælge et ikon. Du kan derefter styre billedstørrelsen og placeringen, så du kan bruge logoer, brugerdefinerede illustrationer eller fotos til at repræsentere hver statistik.
Vil det at have flere tællere med animationer bremse min side?
Animationen er let og bruger effektiv JavaScript. At have 4-5 tællere på en side har en ubetydelig indvirkning på ydeevnen. Men som med ethvert sideelement, hvis du har snesevis af tællere, er det god praksis at teste din sidehastighed. Den vigtigste præstationsfaktor er altid din billed-/ikonoptimering.
Hvad er en god brugssag for et enkelt-søjlet tællerlayout?
Et layout med en enkelt kolonne er perfekt til sidebjælker, smalle sektioner, eller når du vil have hver tæller til at være et stort fokuspunkt på sin egen linje, måske med et større ikon og mere detaljeret beskrivelse under titlen.
Kan jeg få tælleren til at starte fra et andet tal end nul?
Den klassiske og mest engagerende effekt tæller fra 0 til dit målnummer, da det visuelt understreger væksten eller akkumuleringen. De viste indstillinger er fokuseret på den effekt. For at starte fra et andet tal skal du muligvis udforske brugerdefineret kode eller tjekke for en avanceret indstilling i widgetten.
Er tællerne kompatible med Elementors dynamiske data?
Counter Up-elementet er primært designet til manuelt indtastede, statiske tal, der repræsenterer en fast milepæl eller præstation. Til visning af dynamiske data, der ændres automatisk (som et live besøgstal), vil du typisk have brug for en anden, mere specialiseret widget eller integration.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
