Die meisten über Seiten, Agenturseiten, und Dienstleistungsunternehmen brauchen einen Spot, der den Menschen hinter der Arbeit ein Gesicht gibt Die Teammitglied Widget in Master-Addons für Elementor Erstellen Sie diesen Abschnitt ohne benutzerdefinierten Code. Jede Karte enthält ein Foto, einen Namen, eine Rolle, eine kurze Biografie und eine Reihe sozialer Links, und Sie geben so viele Mitglieder ein, wie Sie benötigen.
Jedes Teammitglied ist ein eigenes Widget. Also richtet man eine Karte ein, stylt sie, dupliziert sie dann spaltenübergreifend, um das vollständige Raster aufzubauen Es gibt keine Obergrenze dafür, wie viele Mitglieder man anzeigt Dieser Leitfaden geht durch jede Einstellung, von den elf Designvariationen bis hinunter zum Style-Tab.
Was das Teammitglied-Widget tut #
Das Widget rendert ein Teammitglied als Karte: Foto oben, dann Name, Bezeichnung und eine kurze Beschreibung, mit einer Reihe sozialer Symbole unten. A Designvariationen Durch Dropdown wird das gesamte Kartenlayout mit einem Klick geändert, von einem einfachen Block bis hin zu kreisförmigen Fotos, Farbverlaufsrahmen und Hover-Effekten.
Es hat drei Laschen. Inhalt Hält das Foto, den Text, die Ausrichtung und die sozialen Links. Stil Steuert Farben, Typografie, Abstände, Ränder und Schatten für jeden Teil der Karte. Fortgeschritten Bietet die üblichen Elementoroptionen wie Rand, Polsterung und reaktionsschnelle Sichtbarkeit.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? siehe die Installationsführung.
- Fotos Ihrer Teammitglieder sowie deren Namen, Rollen und URLs für soziale Profile.
So fügen Sie das Teammitglied-Widget hinzu #
Öffnen Sie im Elementor-Editor die Elemente Panel und suchen nach Teammitglied, oder scrollen Sie in den Abschnitt Master Addons (die Widgets tragen ein lila MA-Abzeichen) Ziehen Sie es auf Ihre Seite Es wird mit einer Platzhalterkarte geladen, so dass Sie aus einem funktionierenden Beispiel statt aus einem leeren bearbeiten.
Richten Sie den Karteninhalt ein #
Öffnen Sie mit dem ausgewählten Widget die Inhalt Tab. Die Inhalt Abschnitt hält alles auf der Karte:
- Designvariationen: Das Kartenlayout voreingestellt (im nächsten Abschnitt behandelt).
- Bild: Das Foto des Mitglieds, entnommen aus der Mediathek.
- Bildauflösung: Welche registrierte Bildgröße geladen werden soll, standardmäßig vollständig.
- Name, Bezeichnung, Beschreibung: Name, Rolle und eine kurze Biografie des Mitglieds Jedes Feld hat eine Schreiben Sie mit KI Option, wenn Sie einen schnellen Entwurf wünschen.
- Inhaltsangleichung: Richten Sie den Text nach links, in der Mitte oder rechts aus.
Wählen Sie das Foto #
Klicken Sie auf die Bildbox und das WordPress Mediathek Öffnet sich Wählen Sie ein vorhandenes Foto aus oder laden Sie ein neues hoch, dann schlagen Sie auf AuswählenEine Sache, die es wert ist, im Voraus gemacht zu werden: Verwenden Sie Fotos gleicher Größe Passende Abmessungen behalten jede Karte auch dann, wenn Sie das Raster erstellt haben, und nicht übereinstimmende neigen dazu, den Text auf ein oder zwei Karten nach unten zu verschieben.
Wählen Sie eine Designvariante #
Die Designvariationen Beim Dropdown verdient das Team-Mitglieds-Widget seinen Keep. Ein Klick vertauscht das gesamte Kartenlayout, ohne Ihren Inhalt zu berühren. Die Liste enthält:
- Basic One bis Basic Five: Blocklayouts mit dem Foto oben und den Details unten reinigen.
- Kreisgradient und Kreis kein Gradient: Das Foto zu einem Kreis runden, mit oder ohne Farbverlaufsrahmen.
- Soziale Linke im Schwebeflug und soziale Rechte im Schwebeflug: Verstecken Sie die sozialen Symbole, bis jemand die Karte mit der Maus bewegt, und schieben Sie sie dann hinein.
- Abgerundet: Eine gewölbte Karte mit einem kreisförmigen Foto und abgerundeten sozialen Knöpfen.
- Inhalt auf Hover: Halten Sie das Foto sauber und enthüllen Sie die Details im Schwebeflug.
Hier ist die Abgerundet Variation angewendet, mit gewölbtem Rahmen, kreisförmigem Foto und pillenförmigen sozialen Ikonen:
Soziale Profillinks hinzufügen #
Öffnen Sie die Soziale Profile Abschnitt und einschalten Soziale Profile anzeigen?. Jeder Link ist ein Element in der Liste, also verwenden Sie Artikel hinzufügen Um ein Profil hinzuzufügen, wählen Sie dessen Symbol aus und fügen Sie die URL ein. Das Kopiersymbol dupliziert ein Element und das X entfernt es.
Fügen Sie nur die Profile hinzu, die ein Mitglied tatsächlich verwendet Leere Gegenstände werden übersprungen, sodass die Karte sauber bleibt Die Reihe sitzt standardmäßig am unteren Ende der Karte und folgt der von Ihnen gewählten Designvariante.
Fügen Sie mehrere Teammitglieder hinzu #
Jedes Team Member Widget ist eine Karte, also baut man durch Duplizieren ein volles Team auf Richtet die erste Karte so ein, wie ihr wollt, dann klickt mit der rechten Maustaste darauf und wählt Duplizieren (oder drücken Sie Strg/Cmd + D).Lassen Sie die Kopien in ihre eigenen Spalten und tauschen Sie das Foto und die Details jeder Person aus.
Da Sie ein Widget duplizieren, gibt es keine Begrenzung Fügen Sie drei Mitglieder, ein Dutzend oder eine ganze Abteilung hinzu Ein dreispaltiger Elementor-Abschnitt gibt Ihnen eine saubere Kartenreihe, und Sie fügen weitere Zeilen hinzu, wenn das Team wächst Jede Kopie behält die Designvariation und das Design des Originals bei, sodass das Raster ohne zusätzliche Arbeit konsistent bleibt.
Style die Karte #
Die Stil Tab zerlegt die Karte in Teile, die Sie selbst stylen können: Allgemeine Stile, Daumen, Inhalt, Name, Bezeichnung, Beschreibung, Sozial, und Muster (eine Pro-Option).
- Allgemeine Stile: Die Kartenhintergrundfarbe, der Rand, der Radius und der Kastenschatten.
- Daumen: Größe, Rand und Radius des Fotos.
- Name, Bezeichnung, Beschreibung: Farbe, Typografie, Polsterung und Rand für jedes Textelement.
- Sozial: Größe, Farbe und Abstand der sozialen Symbole.
Häufige Anwendungsfälle #
- Über Seiten Das ganze Team mit Fotos und Rollen vorstellen.
- Agentur- und Studiostandorte Kreativen ihre sozialen Links zeigen.
- Dienstleistungsbetriebe Den Leuten, die die Arbeit machen, ein Gesicht geben.
- Sprecher- oder Ausbilderaufstellungen Für Veranstaltungen, Webinare und Kurse.
- Führungs - oder Gründersektionen Hervorhebung der verantwortlichen Personen.
Tipps für die Arbeit mit dem Team Member Widget #
- Stylen Sie zuerst eine Karte und dann duplizieren Sie sie. Kopien erben das Design und das Styling, sodass Sie es nur einmal einrichten.
- Verwenden Sie Fotos gleicher Größe. Passende Abmessungen halten die Karten gleichmäßig über die Reihe.
- Bios kurz halten. Unter einem Foto liest sich am besten die eine oder andere Zeile.
- Ordnen Sie die Variation der Seite zu. Circle- und Rounded-Anzug-freundliche Marken; Die Basic-Layouts passen zu Unternehmensseiten.
- Füllen Sie nur die von Ihnen verwendeten sozialen Links aus. Leere Gegenstände werden übersprungen, sodass die Symbolreihe aufgeräumt bleibt.
Häufig gestellte Fragen #
Was ist das Team-Mitglieds-Widget in Master-Addons?
Es handelt sich um ein Elementor-Widget, das ein einzelnes Teammitglied als Karte mit Foto, Name, Rolle, kurzer Biografie und sozialen Links anzeigt. Es enthält elf Designvarianten und eine vollständige Style-Registerkarte, sodass Sie direkt aus dem Elementor-Panel einen Teambereich ohne benutzerdefinierten Code erstellen und gestalten.
Wie viele Teammitglieder kann ich hinzufügen?
Es gibt keine Begrenzung Jedes Team Member Widget ist eine Karte, also fügt man weitere Mitglieder hinzu, indem man das Widget dupliziert und Kopien in seine eigenen Spalten fallen lässt, eine Drei-Karten-Zeile oder ein großes mehrreihiges Raster aufbaut; das Layout bleibt konsistent, da Kopien das Design des Originals erben.
Welche Designvarianten enthält das Teammitglieds-Widget?
Elf Voreinstellungen: Basic One bis Basic Five, Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover, Rounded und Content on Hover. Jeder ändert das Kartenlayout, wie kreisförmige Fotos oder soziale Symbole, die im Hover angezeigt werden, ohne Ihren Inhalt zu ändern.
Kann ich jedem Teammitglied Social-Media-Links hinzufügen?
Ja. Schalten Sie die Anzeige sozialer Profile im Bereich Soziale Profile ein und verwenden Sie dann Element hinzufügen, um jedes Profil mit seinem Symbol und seiner URL hinzuzufügen. Fügen Sie nur die Links hinzu, die ein Mitglied verwendet, da leere Elemente übersprungen werden und von der Karte fernbleiben.
Was ist der Unterschied zwischen den Widgets Teammitglied und Teamkarussell?
Das Team Member Widget zeigt Mitglieder als statisches Kartenraster an, ein Widget pro Person Das Team Carousel Widget setzt Mitglieder in ein Schiebekarussell mit Repeater, Pfeilen und Autoplay, Verwenden Sie Team Member für ein festes Raster und Team Carousel, wenn der Platz knapp ist.
Einwickelnd #
Das Teammitglied-Widget verwandelt eine Liste von Personen in einen ausgefeilten Teambereich: Fügen Sie ein Foto, einen Namen, eine Rolle, eine Biografie und soziale Links hinzu, wählen Sie eine von elf Designvarianten aus, stylen Sie die Karte dann und duplizieren Sie sie über Ihre Spalten. Für eine gleitende Version siehe die Team Carousel WidgetKoppeln Sie es mit dem Info-Box-Widget Dienstleistungen zu erhalten, durchsuchen Sie das vollständige Master Addons Widgets und Erweiterungen& überprüfen Sie die Preisseite Für das, was jeder Plan beinhaltet.
