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.
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.
Start med en færdiglavet stilforudindstilling
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.
- Forudindstillinger med ét klik: anvend et fuldt design som Team Carousel eller Circle Animation, og du har et layout at starte fra.
- Repeaterstyring: tilføj, fjern eller træk medlemmer i rækkefølge med knappen + Tilføj element.
- Fulde medlemsprofiler: billede, navn, betegnelse, beskrivelse og sociale links for hver person.
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 gennem den: pile, prikker eller begge dele, der sidder inde i eller uden for skyderen. Du kan også skjule pilene på mobilen, hvilket er værd at gøre, da de alligevel har tendens til at fortrænge en telefonskærm.
- Autoplay og loop: indstil autoplay hastighed, animation hastighed, loop, og dias til at rulle.
- Navigation: pile, prikker eller begge dele med tilpasset positionering.
- Mobil: skjul nav-pilene på telefoner for at holde visningen åben.
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, LinkedIn eller Instagram URL, og ikonerne vises på deres kort som et stylet sæt. Nogle forudindstillinger, som Social Left on Hover eller Content on Hover, holder bio eller ikonerne tilbage, indtil nogen svæver kortet, og afslører 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.
- Integration af sociale medier: Tilføj op til fire sociale profil-URL'er pr. teammedlem; ikoner vises automatisk.
- Ikonstyling: Tilpas social ikonfarve og baggrund for både normal- og svævetilstand.
- Interaktive forudindstillinger: Udnyt forudindstillinger med indbyggede svæveanimationer til at afsløre bios eller sociale links elegant.
Sådan tilføjes en Team Slider i Elementor?
En skydeknap til et arbejdsteam tager et par minutter. Ingen kortkoder, ingen separat skyder-plugin.
- Installer og aktiver Master Addons, og rediger derefter en side med Elementor.
- Søg i widgetpanelet efter Team Slider og træk det ind på siden.
- Vælg en Style Preset for at indstille basislooket.
- Klik på i Content-repeateren + Tilføj vare for hvert medlem og udfyld foto, navn, betegnelse, beskrivelse og sociale links.
- Åbn Karruselindstillinger for automatisk afspilning, sløjfe, slides til at rulle og navigation.
- 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
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 Indhold sektion for at tilføje profiler, og karrusellen tager et vilkårligt nummer. Et meget stort team kan trække på den indledende side belastning, selv om, så komprimere medlemsbillederne og slå på doven indlæsning, når du er i snesevis.
Er Elementor team skyderen responsiv på mobil og tablet?
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.
Kan jeg bruge det til udtalelser eller klienter i stedet for et team?
Ja. Det er en fleksibel profil karrusel. Sæt en klient logo eller kunde foto i billedet, navnet i titlen, virksomheden eller rolle i betegnelsen, og citatet i beskrivelsen. Det giver dig en testimonial skyder eller en klient karrusel uden at tilføje en anden widget.
Hvordan ændrer jeg autoplay-hastigheden?
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.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
