Elementor Team Member Widget

Master Addons Team Member-widgetten bygger ét profilkort med et foto, navn, betegnelse, kort bio og sociale ikoner. Det er gratis, med 6 designvariationer i det gratis plugin (Basic One to Five og Rounded) og 5 mere i Master Addons Pro. Elementor har ingen teammedlem widget af sin egen, så dette sparer dig stabling et billede, overskrifter og en ikon liste i hånden. For en glidende række af mennesker, bruge den Team Slider widget.

Sådan tilføjes en teammedlemssektion i Elementor

Du skal bruge Elementor og det gratis Master Addons plugin. Den fulde gennemgang med et gitter og en karrusel er i Sådan oprettes en teammedlemmer sektion i Elementor.

  1. Kontroller, at Teammedlem er tændt under Master Addons, Widgets.
  2. Tilføj en beholder og indstil dens layout til Grid med 3 eller 4 kolonner.
  3. Søg efter Teammedlem i Elementor-panelet og træk det ind i gitteret.
  4. Vælg en Designvariation, og tilføj derefter foto, navn, betegnelse og bio.
  5. Tilføj sociale ikoner under Sociale profiler.
  6. Style det første kort, og dupliker det derefter for hver person og byt indholdet.
Team Member widget design variationer i Master Addons

11 Designvariationer (6 gratis, 5 Pro)

Vælg et layout i Designvariationer øverst på fanen Indhold. Grundlæggende en til fem og Afrundet er gratis. Cirkelgradient, Cirkel ingen gradient, Social venstre på svæve, Social højre på svæve og indhold på svæve har brug for Pro. Dit navn, foto, bio og ikoner forbliver på plads, når du skifter.

  • Gratis: Grundlæggende en, Grundlæggende to, Grundlæggende tre, Grundlæggende fire, Grundlæggende fem, Afrundet.
  • PRO: Cirkelgradient, cirkel ingen gradient, social venstre på svæv, social højre på svæv, indhold på svæv.
  • Hover-variationerne viser de sociale ikoner eller bio, når en besøgende peger på kortet.

Profilindhold og sociale ikoner

I fanen Indhold skal du uploade spejlbillede og vælg dens billedstørrelse. Udfyld ry, Betegnelse og art, og indstil derefter Indholdstilpasning. Under Sociale profiler, slå Display Sociale profiler til, og klik på Tilføj element for hvert netværk. Hvert element har et ikon fra Elementor ikonbiblioteket og et link. Sociale ikoner har deres egen justeringsindstilling.

  • Navn, betegnelse og beskrivelse er almindelige tekstfelter.
  • Tilføj så mange sociale ikoner, som du har brug for, hver med sit eget link.
  • Sæt kryds ved “Åbn i nyt vindue” på et link, hvis du vil have det til at åbne i en ny fane.
Teammedlems-widgetindholdsfelter for navn, betegnelse, bio og sociale ikoner
Teammedlemskort og fotostilkontroller

Kort-, foto- og tekststile

Generelle stilarter indstiller kortets baggrundsfarve, Item Border Radius og boksskygge. tommelfinger styler billedet med kant, kantradius, polstring og margen. tilfreds tilføjer en baggrund (farve eller farveforløb), kant, radius, udfyldning og margen til tekstområdet. Navn, Betegnelse og Beskrivelse har hver farve, typografi, udfyldning og margen. samfunds- indstiller ikonstørrelse, ikonfarve og baggrund for normal- og svævetilstande.

  • Indstil tommelfingerkanteradius til 50% for et rundt foto.
  • Polstring og margin er responsiv, så du kan stramme kortet på mobilen.
  • Afrundet variation tilføjer en anden baggrundsfarve for sine sociale ikoner.

Core Elementor Widgets vs Team Member Widget

Elementor Free og Pro har ingen teammedlem widget. Du kan bygge et kort fra et billede, en overskrift, en teksteditor og en Social Icons widget. Her er hvordan det kan sammenlignes.

opgaveCore Elementor-widgetsMaster Addons Teammedlem
Widgets pr. kort4 eller flere inde i en beholder1
Klare layoutsIngen, du designer hvert kort6 gratis, 11 med Pro
Hover afsløring af ikoner eller bioHar brug for brugerdefineret CSSPro hover variationer
Sociale ikon mærke farverJa, i Social Icons-widgettenÉt farvesæt til alle ikoner
LayoutfrihedFuld, enhver widget-ordreFast rækkefølge inden for den valgte variation

Relaterede widgets: Team Slider for en karrusel af mennesker, Infoboks for ikon- og tekstkort, og flipbox til kort med bagside.

Skabelonfremviser
face
kvidre
whatsapp
Kopier Link
Køb Nu
Cirkulære Portræt Team Cards
Cirkulære Portræt Team Cards
Vejviser Tabel Rækker
Vejviser Tabel Rækker
Bento Portræt Mosaik
Bento Portræt Mosaik
Forskudte Arch Profile Cards
Forskudte Arch Profile Cards
split billedholdsgitter
split billedholdsgitter
Overlay panel team kort
Overlay panel team kort
Tidslinje Proces Profiler
Tidslinje Proces Profiler
Analyserække i boks
Analyserække i boks
Teammedlem - Variation One
Teammedlem - Variation One
Teammedlem - Variation To
Teammedlem - Variation To
Teammedlem - Variation Tre
Teammedlem - Variation Tre
Teammedlem - Variation Four
Teammedlem - Variation Four
Teammedlem - Variation Five
Teammedlem - Variation Five
Teammedlem - Variation Circle Gradient (Pro)
Teammedlem - Variation Circle Gradient (Pro)
Teammedlem - Variation Circle No Gradient (Pro)
Teammedlem - Variation Circle No Gradient (Pro)
Teammedlem - Variation Social Icon on Left Hover (Pro)
Teammedlem - Variation Social Icon on Left Hover (Pro)
Teammedlem - Variation Rounded
Teammedlem - Variation Rounded
Teammedlem - Variationsindhold på Hover (Pro)
Teammedlem - Variationsindhold på Hover (Pro)

Ofte stillede spørgsmål til teammedlem

Lær de mest stillede forespørgsler, brugerne har om teammedlem, og find svar på ét sted.
Hvordan opretter jeg et fuldt teamgitter eller en liste med dette element?

Hver widget er én person. Tilføj en beholder, indstil dens layout til Grid med det antal kolonner, du ønsker, og placer en Team Member-widget i hver celle. Style det første kort og dupliker det, så hvert kort matcher.

Begge er Pro variationer med et rundt foto. Circle Gradient tegner en farvet form bag fotoet. Circle No Gradient har en gennemsigtig baggrund uden form.

Widgetten har intet linkfelt til navnet eller fotoet. Kun de sociale ikoner tager links. For at gøre hele kortet klikbart, skal du bruge det gratis Indpakningslink udvidelse på widgetten.

Er profilen responsiv på mobilen?

Ja. Kortet skalerer med sin kolonne, og polstring og marginindstillinger er lydhør. Indstil gitteret til én kolonne på mobil i beholderindstillingerne, så kortene stables.

Ja. Det er en del af det gratis Master Addons plugin med 6 designvariationer og alle indholds- og stilkontroller. Master Addons Pro tilføjer 5 flere variationer: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover og Content on Hover.

Der er ingen fast grænse. Sociale profiler er en repeater, så klik på Tilføj element for hvert netværk. De fleste kort ser bedst ud med tre til fem ikoner.

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/sideduplikator

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