Elementor Team Member Carousel (Team Slider)

Dit team sælger virksomheden så meget som noget andet på siden, men et fladt gitter af headshots lander sjældent på den måde. Master Addons Elementor team skyder forvandler disse profiler til en karrusel, folk kan gennemse: fotos, navne, roller, korte bios og sociale links, glider i et layout, du styrer. Vælg en forudindstillet stil, tilføj hvert medlem gennem en simpel repeater, og du har en teammedlemmer karrusel op uden at skrive nogen kode.

Widgetten er gratis. Tre af dens seks forudindstillinger (Team Carousel, Circle Gradient og Content on Hover) er i det gratis plugin, og Circle Animation, Social Left on Hover og Content Drawer kommer med Master Addons Pro. Det er mere end en række ansigter. Hover effekter, autoplay, og per-element styling giver hver profil en smule karakter og holde folk klikke gennem hele holdet i stedet for at stoppe ved det første kort. Videoen nedenfor viser opbygningen. Længere nede får du de forudindstillinger, karrusel indstillingerne, og en hurtig how-to.

Hvad Er en Elementor Team Slider?

En team skyder er en karrusel, der viser dine folk et kort ad gangen i stedet for at stable dem i et statisk gitter. Besøgende swipe eller klikke gennem profilerne, og hvert kort bærer et foto, et navn, en rolle, og normalt sociale links. Du vil se det kaldes en teammedlemmer karrusel eller et teammedlem skyderen også. Samme idé enten måde: passe et stort team ind i et lille rum og lad folk bevæge sig gennem det snarere end rulle forbi en væg af fotos.

Du kan komme tæt på med Elementors kernekarrusel og en masse manuel styling, men så er profillayoutet, svævetilstandene og den responsive adfærd alt sammen på dig for at bygge og fortsætte med at arbejde. Master Addons-widgeten sender dem som forudindstillinger, så det meste af arbejdet er konfiguration, ikke design. Hvis et fast gitter passer dig bedre end en karrusel, er teammedlemmer sektionsguide dækker det i stedet.

Team SliderTeammedlem
LayoutEn widget, en glidende karrusel af mange medlemmerEn widget pr. person, placeret i et gitter
Forudindstillinger6 (3 gratis, 3 Pro)11 (6 gratis, 5 Pro)
Bedst tilStørre teams, højttalere, klient- eller testimonialrækkerSmå hold, hvor alle skal være synlige på én gang
NavigationPile, prikker, brøk, statuslinje, rullepanel, autoplayIngen nødvendig

Elementor og Elementor Pro har ingen teammedlem widget af deres egne. Pro's Testimonial Carousel er den nærmeste kamp for citater, ikke for personale profiler.

Holdkarrusel med afrundede sort-hvide medlemsbilleder, ved siden af listen Style Preset og et medlemselement med navn, betegnelse og beskrivelse

Start med en stil forudindstilling (3 gratis, 3 Pro)

Du behøver ikke at designe et kort fra bunden. Start fra en forudindstilling som Team Carousel, Circle Gradient eller Content on Hover, hver enkelt et færdigt udseende, du kan justere. Byg derefter holdet i Content repeater: tilføj et element pr. medlem, upload billedet, indstil billedopløsningen, og udfyld Navn, Betegnelse og en kort Beskrivelse. Det fungerer som en lille visuel database til dit team, kør fra ét panel.

  • Gratis forudindstillinger: Team Carousel, Circle Gradient (Circle 01 til 03 baggrunde) og Content on Hover.
  • Pro-forudindstillinger: Cirkelanimation, Social Left on Hover, Content Drawer, plus Circle 04 til 07 og Animation 4.
  • Repeaterstyring: tilføj, dupliker, fjern eller træk medlemmer i rækkefølge, hver med billede, navn, betegnelse, beskrivelse og sociale links.

Karruselkontrol og navigation

Indstil karrusellen til at opføre sig som du vil. Tænd for Autospil og indstil dens hastighed, vælg hvor mange dias der ruller ad gangen, og tænd for Loop for en endeløs karrusel. Beslut derefter hvordan folk bevæger sig igennem den: pile, prikker, pile med prikker, pile med en brøktæller, en statuslinje eller en rullebjælke, med pilene indeni eller uden for skyderen. Layout kan være en flad Karrusel eller en 3D Coverflow. Du kan også skjule pilene på mobilen, hvilket er værd at gøre, da de alligevel har tendens til at trænge en telefonskærm.

  • Autoplay og loop: indstil autoplay hastighed, animation hastighed, loop, og dias til at rulle.
  • Navigation: pile, prikker, begge dele, brøkdel eller fremskridt, med syv positioner og brugerdefinerede pilikoner.
  • Slides pr. Kolonne: 1 til 6 kort på én gang, indstillet pr. enhed.
  • Mobil: skjul nav-pilene på telefoner for at holde visningen åben.
Testimonial stil hold slide for Emily Carter med prikker, ved siden af Navigation indstillinger med Skjul pil på mobil slået til
To holdkort ved siden af stilindstillingerne Pile og Karruselgenstande med fanerne Normal, Hover og Aktiv

Style hvert element i skyderen

Hvert lag styles på egen hånd. Indstil det generelle udseende først, skyderens baggrund og indholdsjustering, og gå derefter ind i detaljen: giv navn, betegnelse og beskrivelse deres egen farve, type og afstand. Medlemskortet har separate baggrunde, kanter og boksskygge for dets Normal-, Hover- og Active-tilstande, så kortet faktisk reagerer, når folk bevæger sig gennem karrusellen.

  • Tekst styling: adskil type, farve og afstand for navn, rolle og bio.
  • Kortet angiver: forskellig styling til kortet, når det er Normal, Hover eller Aktiv.
  • Pil styling: farve, baggrund, størrelse, kant og polstring til nav-pilene, normal og svæv.

Sociale profiler og Hover Effects

Tilføj et medlems Facebook, Twitter, Instagram, LinkedIn, Dribbble, TikTok eller YouTube URL, eller en e-mailadresse, og ikonerne vises på deres kort som et stylet sæt. Indhold på Hover (gratis) og Social Left on Hover (Pro) hold bio eller ikonerne tilbage, indtil nogen svæver kortet, og afslør dem derefter. Du kan farve ikonerne og deres baggrunde separat for de normale og svævende tilstande, så afsløringen ligner en del af designet i stedet for en eftertanke.

  • Sociale links: syv netværk plus e-mail pr. medlem. Tomme felter springes over.
  • Ikon styling: ikonfarve og baggrund for Normal og Hover.
  • Svæveforudindstillinger: Indhold på Hover er gratis, Social Left on Hover og Content Drawer har brug for Pro.
Team Slider, der bruger Social Left on Hover med Facebook-, Twitter- og Instagram-ikoner på et billede, ved siden af medlemsfelterne for sociale URL-adresser
Skabelonfremviser
Facebook
Twitter
WhatsApp
Kopier Link
Køb Nu
Team Slider med pil
Team Slider med pil
Team Slider
Team Slider
Social Venstre på Hover
Social Venstre på Hover
Coverflow Design i Slider
Coverflow Design i Slider
Gradient Animation i Team slider
Gradient Animation i Team slider
Team Slider med prikker
Team Slider med prikker

Sådan tilføjes en Team Slider i Elementor?

En skydeknap til et arbejdsteam tager et par minutter. Ingen kortkoder, ingen separat skyder-plugin.

  1. Installer og aktiver Master Addons, og rediger derefter en side med Elementor.
  2. Søg i widgetpanelet efter Team Slider og træk det ind på siden.
  3. Vælg en Style Preset for at indstille basislooket.
  4. Klik på i Content-repeateren + Tilføj vare for hvert medlem og udfyld foto, navn, betegnelse, beskrivelse og sociale links.
  5. Åbn Karruselindstillinger for automatisk afspilning, sløjfe, slides til at rulle og navigation.
  6. Style teksten, kortene og pilene, så de passer til dit brand, og udgiv derefter.

En ting at tjekke, før du kalder det gjort: upload firkantede, jævnt beskårne billeder. Uoverensstemmende billedstørrelser er den sædvanlige grund til, at en holdskyder ser ud, da et højt hovedskud kaster hele rækken ud af linjen. Hver indstilling er dækket i Teammedlemmer Karruseldokumentation.

Ikke kun for teams: kunder og udtalelser

Det er mærket til teams, men under hætten er det en profil karrusel, så det fordobles som en testimonial skyder eller en klient karrusel. Drop en klient logo eller kunde foto i billedfeltet, personen eller virksomheden i navnet, deres rolle i betegnelsen, og citatet i beskrivelsen. De samme forudindstillinger og kontroller bære over.

  • Holdside: billeder, roller, bios og sociale links til dit personale.
  • Vidnesbyrd skyder: kundefoto, navn, firma og deres tilbud.
  • Klientkarrusel: logoer med en kort linje om hvert projekt.
  • Opstilling af højttaler eller forfatter: headshots med en bio og et link ud.

Hvis du bare vil have en almindelig billedkarrusel, skal Elementor billedkarrusel er det mere simple valg.

Ofte stillede spørgsmål til Team Slider Element

Lær de mest stillede forespørgsler, brugerne har om Team Slider Element, og find svar på ét sted.
Hvor mange teammedlemmer kan jeg føje til skyderen?

Så mange som du har brug for. Fortsæt med at klikke + Tilføj element i afsnittet Indhold for at tilføje profiler, og karrusellen tager et vilkårligt nummer. Et meget stort team tilføjer vægt til siden, selv om, så vælg en mindre Billedopløsning og komprimere medlemsbillederne, når du er i snesevis.

Ja. Skyderen, billederne, teksten og navigationen tilpasser sig alle, og slides pr. visning og elementgab justeres på mindre skærme. For strammere kontrol skal du bruge Elementors responsive tilstand til at indstille forskellige skriftstørrelser eller billeddimensioner på tablet og mobil.

Er Team Slider-widgetten gratis?

Ja. Team Slider er i det gratis Master Addons plugin med tre forudindstillinger: Team Carousel, Circle Gradient og Content on Hover. Circle Animation, Social Left on Hover, Content Drawer og de ekstra cirkelbaggrunde har brug for Master Addons Pro. Det fungerer også som en testimonial eller klientkarrusel: sæt fotoet eller logoet i Image, navnet i Navn og citatet i Beskrivelse.

I Karruselindstillinger skal du kigge efter Autoplay Speed. Værdien er i millisekunder, så 5000 er fem sekunder. Sænk den for hurtigere dias (3000 i tre sekunder) eller hæv den for at bremse dem (7000 i syv sekunder).

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/Page Duplicator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer