Med ElementsKit kan du introducere dine teammedlemmer til din hjemmeside med en stilfuld glidende karrusel. Ved at bruge Elementor Team Carousel Slider-widgetten kan du vise teammedlemmers kort med billeder, navne, betegnelser, beskrivelser, link til sociale profiler og mere.

Læs denne dokumentation for at lære, hvordan du bruger Elementor Team Carousel Slider-widget i ElementsKit.

Påkrævede plugins: #

• Elementor: Download plugin.
• ElementsKit Lite: Download plugin.
• ElementsKit Pro: Hent plugin'et.

Trin 1: Aktiver Team Carousel Slider Widget #

For det første skal du aktivere widgetten fra WordPress dashboard. Sådan aktiverer du Team Carousel Slider-widgetten:

1. Naviger til ElementsKit > Widgets.
2. Find Team Slider fra listen og aktivere widgetten.
3. Klik på GEM ÆNDRINGER.

Trin 2: Træk og slip widgetten #

Derefter skal du trække og slippe ElementsKit Team Carousel Slider-widgetten ind i Elementor-editoren.

Trin 3: Konfigurer Elementor Team Carousel Widget #

Fanen Indhold lader dig konfigurere teammedlemsindhold og skyderindstillinger for teamkarruselskyderen.

3.1 Teamindhold #

Team skyder-widget har følgende funktioner:

1. Stil: Widgetten kommer med 12 forskellige stilarter, herunder standard, overlejring, svæv på socialt, overlejring med detaljer og så videre. 

Bemærk: Forskellige stilarter kommer med individuelle muligheder og indstillinger. Mulighederne diskuteres i den senere del af denne dokumentation.

2. Aktiver popup: Oplysninger om teammedlemmet vises i en popup, når der klikkes på navnet.
3. Vis sociale profiler: For at linke den sociale medieprofil på teammedlemsdetaljerne.
4. Skærmbeskrivelse: For at vise en kort beskrivelse af teammedlemmet.
5. Displayknap: For at tilføje en knap, der kan linke til medlemmets profil eller portefølje.

Teammedlemsoplysninger #

Du kan tilføje teammedlemmer til skyderen ved at klikke på TILFØJ VARE knappen og slet et eksisterende medlem med ✖ knap. Kan også kopiere teammedlemmets detaljer.

Under medlemsindholdet:

1. Vælg medlemsbillede: Tilføj billedet af teammedlemmet.
2. Medlems navn: Indtast navnet på teammedlemmet.
3. Medlemsstilling: Nævn teammedlemmets betegnelse.
4. Om medlem: Tilføj en kort beskrivelse af teammedlemmet.

Knapindhold:

1. Ikon: Beslut om du vil vise knapikonet, og vælg et ikon.
2. Ikonposition: Indstil ikonpositionen til før eller efter teksten.
3. Tekst: Indtast en knaptekst.
4. Link URL: Tilføj en URL for at linke knappen til en side.

Popup-indhold:

I pop op-indholdet kan du tilføje Telefonnummer og E-mail af teammedlemmet.

Under det sociale indhold:

Du kan linke op til 5 konti på sociale medier. For hver social profil kan du tilføje en profil URL, og brug individuel Ikoner for hvert socialt medie.

3.2 Skyderindstillinger #

Følgende muligheder er tilgængelige under skyderindstillingerne i Elementor Team Carousel-widgetten:

1. Mellemrum: Juster mellemrummet mellem hvert dias.
2. Slides at vise: Indstil antallet af dias, der skal vises på en enkelt visningsport.
3. Slides til at rulle: Bestem, hvor mange dias der skal rulles ad gangen.
4. Automatisk afspilning: Aktiver Autoplay for at rulle dias automatisk.
5. Fart: Når Autoplay er aktiveret, skal du indstille hastigheden for rulning i millisekunder (ms).
6. Pause ved hover: Automatisk afspilning sættes på pause, når brugeren svæver på skyderen.

7. Vis pil: For at aktivere pilenavigation for skyderen.
8. Vis pil ved svæv: Pile er kun synlige, når de svæver.
9. Piltype: Vælg piltype fra de givne muligheder - Pil, Tekst og Tekst med pil.
10. Venstre pil ikon: Du kan vælge et ikon til venstre pil fra ikonbiblioteket.
11. Højre pilikon: Du kan vælge et ikon til venstre pil fra ikonbiblioteket.
12. Vis prikker: For at aktivere prikkernavigation for skyderen.

• Fart og Sæt hover på pause indstillinger vises kun, når Autoplay er aktiveret.
• Vis Arros On Hover, Piltype, Venstre pil ikon, og Højre pil ikon indstillinger vises kun, når "Vis pil” er aktiveret.

Trin 4: Tilpas Elementor Team Carousel Widget-stile #

Du kan tilpasse alle aspekter af holdkarruselskyderen og skabe en stil, der matcher dit brand.

4.1 Indhold #

Sådan tilpasser du skyderens indholdsområde:

• Vælg Baggrundstype og Baggrundsfarve for tilstanden "Normal" og "Hover"-tilstand.
• Vælg en Svæveanimation fra de givne muligheder.
• Indstil Justering for indholdet til venstre eller højre eller i midten.
• Juster Polstring, Indholdspolstring, og Grænseradius for indholdsområdet.

4.2 Billede #

For at tilpasse billedstilene i Elementor-teamkarruselskyderen,

1. Indstil Billedestørrelse at vise.
2. Juster Billedhøjde og -bredde.
3. Indstil a Box Shadow for det viste billede.
4. Indstil en Box Shadow for billedet på pop op-vinduet.
5. Justere Grænseradius, Polstring, og Margin for teammedlemsbilledet.
6. Skift Baggrundstype og Baggrundsfarve.

4.3 Navn #

Du kan ændre stilene for teammedlemmernes navne.

1. Indstil Typografi af navnet.
2. Vælge Farver for tilstanden "Normal" og "Hover".
3. Juster Margin top og margin bund for medlemsnavn.

4.4 Udpegning #

Du kan ændre stilene for teammedlemsbetegnelsen.

1. Indstil Typografi af betegnelsen.
2. Vælge Farver for tilstanden "Normal" og "Hover".
3. Juster Margen nederst.

4.5 Beskrivelse #

Du kan tilpasse stilene for teammedlemmernes beskrivelser.

1. Indstil Typografi af beskrivelsen.
2. Vælge Farver for tilstanden "Normal" og "Hover".
3. Juster Margin omkring beskrivelsen.

4.6 Knap #

For at tilpasse knapstilene,

1. Indstil Typografi af knapteksten.
2. Vælg knappen Tekst farve.
3. Vælg Baggrundstype og Baggrundsfarve.
4. Vælg Border Type for knappen.
5. Indstil kantradius, polstring, og Margin for knappen.

Du kan indstille individuelle tekstfarver, baggrundsfarver og kantfarver for tilstanden "Normal" og tilstanden "Hover".

4.7 Knapikon #

Hvis du bruger et knapikon, kan du tilpasse dets stilarter,

1. Vælg Farve for knapikon.
2. Vælg en Hover farve for knapikonet.
3. Juster ikonet Størrelse.
4. Sæt Margin omkring knapikonet.

4.8 Social profils #

Du kan tilpasse de sociale profilikoner med Elementor-teamkarrusel-widgetten,

1. Skift Justering af de sociale ikoner.
2. Du kan vælge Skærm layout af sociale profilikoner fra de givne muligheder: Inline blok og Blok.
3. Juster det overordnede Ikon størrelse.
4. Aktiver Brug Højde Bredde funktion til at justere Bredde, Højde og Linjehøjde individuelt.
5. Du kan vælge ikonet Farve, Baggrundsfarve, og Border Type.
6. Indstil Grænseradius, Polstring, og Margin for sociale profilikoner.

4.9 Modal kontrol #

Når du aktiverer popup, er denne Modal Controls mulighed tilgængelig. Følgende modale kontroller er tilgængelige med widgetten,

Overlejring:

1. Vælg overlejringen Baggrundstype.
2. Baseret på baggrundstypen skal du vælge baggrunden Farve til overlejring.

Modal:

1. Vælg modal Baggrundstype.
2. Baseret på baggrundstypen skal du vælge baggrunden Farve for modalen.

Navn:

1. Vælg en farve til medlem Navn.
2. Indstil Typografi for navnetekst.
3. Juster Bundmargen for navnet.

Betegnelse:

1. Vælg en farve til medlemmer Betegnelse.
2. Indstil Typografi for betegnelsesteksten.
3. Juster Bundmargen for betegnelsen.

Beskrivelse:

1. Vælg en farve til Beskrivelse af teammedlemmet.
2. Indstil Typografi for beskrivelsesteksten.
3. Juster Bundmargen for beskrivelsen.

Telefon og e-mail:

1. Indstil Typografi for telefon- og e-mail-teksten.
2. Vælg en tekst Farve til telefon og e-mail.
3. Tilføj en Hover farve til telefon og e-mail.

4.10 Luk-ikon #

Til pop op-vinduet kan du tilpasse ikonet Luk.

1. Vælg en Luk ikon fra Elementor-ikonbiblioteket.
2. Indstil Luk ikonjustering til højre eller venstre.
3. Du kan vælge Ikon farve, Ikon baggrundsfarve, og Border Type.
4. Indstil også Grænseradius og Polstring for lukkeikonet.

4.11 Pile #

Hvis du aktiverer pilnavigation, kan du tilpasse dens stilarter.

1. Juster Størrelse af pilene på karrusellen.
2. Du kan indstille Pil position. Venstre pil position og højre pil position kan justeres individuelt.

3. Vælg en Pil farve.
4. Vælg en pil Baggrundsfarve.
5. Vælg Border Type for pilene.
6. Indstil Grænseradius for pilene.
7. Juster Polstring.

4.12 Prikker #

Hvis Dots er aktiveret, kan du tilpasse Dots-stile.

1. Juster Mellemrum mellem prikkerne.
2. Juster prikken Afstand fra top til bund.
3. Du kan ændre Gennemsigtighed af prikkerne.
4. Indstil Bredde af prikkerne.
5. Indstil Højde af prikkerne.
6. Tilføj en Grænseradius for prikkerne.
7. Vælg en Baggrundstype og baggrundsfarve.

Aktiv:

Du kan tilpasse den aktive prik separat.

1. Vælge Baggrundstype og Farve for den aktive prik.
2. Vælg en aktiv prik Farve.
3. Justere vægt (størrelse) af de aktive prikker.
4. Juster Bredde af de aktive prikker.
5. Juster Højde af de aktive prikker.
6. Vælg Border Type.

Endelig er holdkarrusellen klar til fremvisning. Elementor Team Carousel Slider-widget kommer med ElementKits Pro. Få pluginnet til at designe sofistikerede websteder med avancerede funktioner som Elementor Team Carousel Slider og mere.