Elementor-Team-Mitglieds-Widget
Das Master Addons Team Member Widget baut eine Profilkarte mit Foto, Name, Bezeichnung, kurzer Bio und sozialen Icons Es ist kostenlos, mit 6 Designvariationen im kostenlosen Plugin (Basic One to Five und Rounded) und 5 weiteren in Master Addons Pro. Elementor hat kein eigenes Teammitglieds-Widget, so dass Sie sich das Stapeln eines Bildes, Überschriften und einer Symbolliste von Hand ersparen Für eine verschiebbare Personenreihe verwenden Sie die Team Slider Widget.
So fügen Sie einen Teammitgliedsbereich in Elementor hinzu
Sie benötigen Elementor und das kostenlose Plugin Master Addons Die vollständige Komplettlösung mit einem Gitter und einem Karussell ist in So erstellen Sie einen Abschnitt für Teammitglieder in Elementor.
- Überprüfen Sie, ob das Teammitglied eingeschaltet ist Master-Addons, Widgets.
- Fügen Sie einen Container hinzu und stellen Sie sein Layout auf Raster mit 3 oder 4 Spalten ein.
- Suchen nach Teammitglied Im Elementor-Panel und ziehen Sie es in das Raster.
- Wählen Sie eine Designvariante und fügen Sie dann das Foto, den Namen, die Bezeichnung und die Biografie hinzu.
- Fügen Sie soziale Symbole unter Social Profiles hinzu.
- Die erste Karte stylen, dann für jede Person duplizieren und den Inhalt tauschen.
11 Designvariationen (6 kostenlos, 5 Pro)
Wählen Sie ein Layout aus Designvariationen Oben auf der Registerkarte Inhalt Grundlegende Eins bis Fünf und Abgerundet sind kostenlos Kreisverlauf, Kreis Kein Grad, Soziale Linke im Schweben, Soziale Rechte im Schweben und Inhalte im Schweben brauchen Pro. Ihr Name, Foto, Bio und Icons bleiben beim Wechsel an Ort und Stelle.
- Kostenlos: Basic One, Basic Two, Basic Three, Basic Four, Basic Five, gerundet.
- Pro: Kreisgradient, Kreis ohne Gradient, Soziale Linke im Schwebeflug, Soziale Rechte im Schwebeflug, Inhalte im Schwebeflug.
- Die Hover-Variationen zeigen die sozialen Symbole oder Bio an, wenn ein Besucher auf die Karte zeigt.
Profilinhalte und soziale Symbole
Laden Sie im Inhaltsregister die hoch Bild Und wählen Sie dessen Bildgröße aus Ausfüllen Name, Bezeichnung und BeschreibungSetzen Sie dann die Inhaltsausrichtung. Unter Soziale ProfileSchalten Sie Social Profiles anzeigen ein und klicken Sie auf Element hinzufügen für jedes Netzwerk Jedes Element hat ein Symbol aus der Elementor-Symbolbibliothek und einen Link Soziale Symbole haben ihre eigene Ausrichtungseinstellung.
- Name, Bezeichnung und Beschreibung sind Klartextfelder.
- Fügen Sie so viele soziale Symbole hinzu, wie Sie benötigen, jedes mit einem eigenen Link.
- Kreuzen Sie “Neues Fenster öffnen” auf einem Link an, wenn es in einem neuen Tab geöffnet werden soll.
Karten-, Foto- und Textstile
Allgemeine Stile Legt die Kartenhintergrundfarbe, den Elementrandradius und den Kastenschatten fest. Daumen Stile das Foto mit Rand, Randradius, Polsterung und Rand. Inhalt Fügt dem Textbereich einen Hintergrund (Farbe oder Verlauf), einen Rand, einen Radius, eine Polsterung und einen Rand hinzuName, Bezeichnung und Beschreibung haben jeweils Farbe, Typografie, Polsterung und Rand. Sozial Legt Symbolgröße, Symbolfarbe und Hintergrund für Normal - und Hover-Zustände fest.
- Stellen Sie den Daumenrandradius für ein rundes Foto auf 50% ein.
- Polsterung und Marge sind reaktionsschnell, sodass Sie die Karte mobil festziehen können.
- Die abgerundete Variante fügt ihren sozialen Symbolen eine zweite Hintergrundfarbe hinzu.
Kernelementor-Widgets vs. Teammitglieds-Widget
Elementor Free und Pro haben kein Teammitglieds-Widget. Sie können eine Karte aus einem Bild, einer Überschrift, einem Texteditor und einem Social Icons-Widget erstellen. So vergleicht sich das.
| Aufgabe | Kernelementor-Widgets | Teammitglied von Master Addons |
|---|---|---|
| Widgets pro Karte | 4 oder mehr in einem Behälter | 1 |
| Bereitschaftslayouts | Keine, Sie entwerfen jede Karte | 6 kostenlos, 11 mit Pro |
| Bewegen Sie die Enthüllung von Symbolen oder Bio | Benötigt benutzerdefiniertes CSS | Pro-hover-variationen |
| Markenfarben der sozialen Ikone | Ja, im Social Icons Widget | Ein Farbsatz für alle Symbole |
| Layoutfreiheit | Vollständig, jede Widget-Bestellung | Feste Reihenfolge innerhalb der gewählten Variante |
Verwandte Widgets: Team Slider Für ein Karussell von Menschen, für Infobox Für Symbol- und Textkarten und Flipbox Für Karten mit Rückseite.
Häufig gestellte Fragen an Teammitglieder
Wie erstelle ich mit diesem Element ein vollständiges Teamraster oder eine vollständige Teamliste?
Jedes Widget ist eine Person Fügen Sie einen Container hinzu, stellen Sie sein Layout auf Raster mit der Anzahl der gewünschten Spalten ein und platzieren Sie in jeder Zelle ein Teammitglied-Widget. Stylen Sie die erste Karte und duplizieren Sie sie, sodass jede Karte übereinstimmt.
Was ist der Unterschied zwischen “Circle Gradient” und “Circle No Gradient”?
Beides sind Pro-Variationen mit rundem Foto Circle Gradient zeichnet hinter dem Foto eine farbige Form Circle No Gradient hat einen transparenten Hintergrund ohne Form.
Kann ich den Namen oder das Bild des Teammitglieds mit einer speziellen Bioseite verknüpfen?
Das Widget hat kein Linkfeld für den Namen oder das Foto Nur die sozialen Symbole nehmen Links auf Um die ganze Karte anklickbar zu machen, nutzen Sie die kostenlose Wrapper Link Erweiterung auf dem Widget.
Ist das Profil mobil responsive?
Ja. Die Karte skaliert mit ihrer Spalte, und die Einstellungen für Polsterung und Margin sind responsive Stellen Sie das Raster auf eine Spalte auf dem Handy in den Containereinstellungen so Kartenstapel.
Ist das Teammitglieds-Widget kostenlos?
Ja. Es ist Teil des kostenlosen Master Addons Plugins mit 6 Designvariationen und allen Content - und Style-Controls Master Addons Pro fügt 5 weitere Variationen hinzu: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover und Content on Hover.
Wie viele soziale Symbole kann ich hinzufügen?
Es gibt kein festes Limit Social Profiles ist ein Repeater, also klicke für jedes Netzwerk auf Element hinzufügen Die meisten Karten sehen mit drei bis fünf Symbolen am besten aus.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
