Teammitglied
Manchmal, Sie brauchen keinen vollen Schieberegler – Sie müssen eine Person in den Mittelpunkt stellen Das Master Addons Team Member Element ist Ihr Werkzeug, um perfekte, individuelle Profile zu erstellen Wählen Sie aus einer Reihe von Design Variationen (von klassischen Karten bis hin zu modernen kreisförmigen Stilen mit Hover-Effekten Fügen Sie ein Foto, einen Namen, eine Rolle und eine persönliche Biografie hinzu. Dann verlinken Sie ihre sozialen Profile mit anpassbaren Symbolen. Gestalten Sie jeden einzelnen Teil, von der Bildgrenze bis zur Farbe der sozialen Symbole im Schwebezustand Perfekt für einen Führungsscheinwerfer, einen Schlüsselkontakt oder als Baustein, um Ihr eigenes individuelles Teamraster zu erstellen.
Mehrere Designvariationen
Beginnen Sie mit einem visuellen Konzept Wählen Sie aus 11+ Design Variationen, die das gesamte Layout und die Haptik des Profils verändern Wählen Sie Basic One bis Five für saubere, kartenbasierte Designs Entscheiden Sie sich für Circle Gradient oder Circle No Gradient für einen modernen, abgerundeten Fotostil Interaktion? Wählen Sie Social Left auf Hover oder Content auf Hover, um Details elegant preiszugeben Jede Variation wendet eine eigene Anordnung für das Bild, den Text und die sozialen Symbole an, sodass Sie mit einem Klick einen professionellen Ausgangspunkt haben.
- 11+ Layout-Voreinstellungen: Wenden Sie Designs wie Basic Three, Rounded oder Content sofort im Mauszeiger an.
- Visuelle Vielfalt: Wählen Sie zwischen rechteckigen Karten, kreisförmigen Bildern und interaktiven Hover-basierten Layouts.
- Integrierte Interaktionen: Einige Voreinstellungen enthalten elegante Hover-Effekte, um soziale Links oder Beschreibungen anzuzeigen.
Vollständiger Profilersteller
Erstellen Sie die komplette Geschichte eines Teammitglieds in einem fokussierten Widget Laden Sie sein Bild hoch und legen Sie die Auflösung fest Schreiben Sie seinen Namen, seine Bezeichnung (Jobtitel) und eine persönliche Beschreibung oder Bio. Fügen Sie dann ganz einfach seine sozialen Profile hinzu, indem Sie auf + Artikel für jedes Netzwerk hinzufügen. Wählen Sie das Symbol, fügen Sie den Profillink ein und sie sind verbunden. Steuern Sie die gesamte Inhaltsausrichtung (links, Mitte, rechts), um den Text innerhalb des gewählten Designs zu positionieren. Dadurch wird ein einfaches Widget zu einem detaillierten, ansprechenden persönlichen Profil.
- Zentralisierte Informationen: Platzieren Sie das Bild, den Namen, den Titel und die Biografie des Mitglieds in einem organisierten Widget.
- Flexible Social Links: Fügen Sie mehrere Social Media Profile (Facebook, Twitter, LinkedIn usw) mit benutzerdefinierten Links hinzu.
- Ausrichtungssteuerung: Richten Sie alle Textinhalte nach links, in der Mitte oder rechts aus, um sie an Ihr Layout anzupassen.
- Persönlicher Touch: Das Beschreibungsfeld ermöglicht eine kurze Biografie, ein Zitat oder wichtige Verantwortlichkeiten.
Teammitglied Container- und Bildstyling
Legen Sie die Grundlage fest Stylen Sie den General Styles-Container mit einer Hintergrundfarbe, einem Item-Randradius und einem Box-Shadow, um das gesamte Profil zum Popen zu bringen. Anschließend stylen Sie den Daumen (den Bildbereich) unabhängig: Geben Sie ihm einen einzigartigen Border-Typ, Border Radius (perfekt für Kreise), Polsterung und Margin. Dadurch können Sie alles erstellen, von einer subtilen integrierten Karte bis hin zu einem kräftigen, gerahmten Porträt, das den Blick direkt auf das Teammitglied lenkt.
- Gesamtkartendesign: Tragen Sie Hintergrundfarbe, Randradius und Kastenschatten auf den Hauptbehälter auf.
- Bildrahmen: Gestalten Sie das Foto mit Rändern, individuell abgerundeten Ecken (100% für einen Kreis) und Abständen.
- Schichtabstand: Verwenden Sie Polsterung und Rand sowohl am Behälter als auch am Bild für eine perfekte Positionierung.
Häufig gestellte Fragen an Teammitglieder
Wie erstelle ich mit diesem Element ein vollständiges Teamraster oder eine vollständige Teamliste?
Da dieses Widget ein einzelnes Teammitgliedsprofil erstellt, baut man ein Raster auf, indem man das Layoutsystem von Elementor verwendet, einen Abschnitt anlegt, sein Layout auf Raster setzt (über die Registerkarte Layout), dann zieht man mehrere Teammitglied-Widgets in den Abschnitt (für jede Person ein Widget einheitlich gestalten, oder Variationen aus visuellem Interesse mixen.
Was ist der Unterschied zwischen “Circle Gradient” und “Circle No Gradient”?
Circle Gradient wendet wahrscheinlich eine Farbverlaufsüberlagerung oder - umrandung auf den kreisförmigen Bildbehälter an Circle No Gradient präsentiert ein sauberes kreisförmiges Bild ohne den Gradienteneffekt Die Wahl hängt davon ab, ob Sie einen dekorativeren oder minimalistischeren Bildstil wünschen.
Kann ich den Namen oder das Bild des Teammitglieds mit einer speziellen Bioseite verknüpfen?
Die primären Links des Widgets sind die Social Profiles Um den Namen oder das Bild mit einer externen Seite zu verknüpfen, müssen Sie unsere Wrapper-Link-Erweiterung verwenden.
Ist das Profil mobil responsive?
Ja. Die gewählte Designvariation, Bild, Text und soziale Symbole passen sich alle an kleinere Bildschirme an. Das Layout stapelt Elemente normalerweise bei Bedarf vertikal. Sie können den Reaktionsmodus von Elementor verwenden, um Schriftgrößen oder Bilddimensionen speziell für Mobilgeräte anzupassen.
Welche Designvariante eignet sich am besten für eine Seitenleiste oder einen kompakten Raum?
Die Basic-Variationen (One, Two, etc.) oder Circle-Stile sind oft kompakter und funktionieren gut in Seitenleisten. Vermeiden Sie die Content on Hover-Variationen in engen Räumen, da sie möglicherweise mehr Platz benötigen, damit der Hover-Effekt wirksam ist.
Wie viele soziale Symbole kann ich hinzufügen?
Über den Button + Item hinzufügen im Social Profiles Repeater können Sie so viele hinzufügen, wie Sie benötigen Es gibt keine feste Grenze, aber um design willen sollten Sie am besten nur die relevantesten 3-5 Profile einbinden.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
