Team Slider
Ihr Team verkauft das Geschäft so viel wie alles auf der Seite, aber ein flaches Raster von Kopfschüssen landet selten so Die Master Addons Elementor-Team-Slider Verwandeln Sie diese Profile in ein Karussell, das die Leute durchsuchen können: Fotos, Namen, Rollen, kurze Bios und soziale Links, indem Sie in einem von Ihnen kontrollierten Layout gleiten Wählen Sie eine voreingestellte Stilart aus, fügen Sie jedes Mitglied durch einen einfachen Repeater hinzu und Sie haben eine Teammitglieder Karussell Auf, ohne Code zu schreiben.
Es ist mehr als eine Reihe von Gesichtern Hover-Effekte, Autoplay und Styling pro Element geben jedem Profil ein bisschen Charakter und sorgen dafür, dass die Leute durch das ganze Team klicken, anstatt bei der ersten Karte anzuhalten. Das Video unten zeigt den Build Weiter unten erhalten Sie die Voreinstellungen, die Karusselleinstellungen und ein schnelles Anleitungen.
Was ist ein Elementor-Team-Slider?
Ein Team-Slider ist ein Karussell, das Ihren Leuten eine Karte nach der anderen zeigt, anstatt sie in einem statischen Raster zu stapeln Besucher wischen oder klicken durch die Profile, und jede Karte trägt ein Foto, einen Namen, eine Rolle und normalerweise soziale Links Sie werden sehen, dass es Teammitglieder-Karussell oder ein Teammitglieder-Slider genannt wird So oder so Gleiche Idee: Ein großes Team auf kleinem Raum unterbringen und die Leute sich durch sie bewegen lassen, anstatt an einer Wand aus Fotos vorbei zu scrollen.
Sie können mit Elementors Kernkarussell und viel manuellem Styling nah rankommen, aber dann sind das Profillayout, die Hover-Zustände und das Reaktionsverhalten alles auf Ihnen, um sie zu bauen und weiter zu arbeiten. Das Master Addons-Widget liefert diese als Voreinstellungen aus, daher ist die meiste Arbeit Konfiguration, nicht Design. Wenn Ihnen ein festes Gitter besser passt als ein Karussell, ist die Teammitglieder Abschnittsführer Deckt stattdessen das ab.
Beginnen Sie mit einem Ready-Made-Style-Preset
Sie müssen eine Karte nicht von Grund auf neu entwerfen Beginnen Sie mit einer Voreinstellung wie Team Carousel, Circle Gradient oder Content on Hover, jeder ein fertiges Aussehen, das Sie anpassen können. Bauen Sie dann das Team im Content-Repeater auf: Fügen Sie pro Mitglied ein Element hinzu, laden Sie das Foto hoch, legen Sie die Bildauflösung fest und füllen Sie den Namen, die Bezeichnung und eine kurze Beschreibung aus. Es funktioniert wie eine kleine visuelle Datenbank für Ihr Team, die von einem Panel aus ausgeführt wird.
- Ein-klick-voreinstellungen: Wenden Sie ein vollständiges Design wie Team Carousel oder Circle Animation an und Sie haben ein Layout, von dem aus Sie beginnen können.
- Repeater-management: Fügen Sie Mitglieder hinzu, entfernen Sie sie oder ziehen Sie sie mit der Schaltfläche + Element hinzufügen in die richtige Reihenfolge.
- Vollmitgliederprofile: Bild, Name, Bezeichnung, Beschreibung und soziale Links für jede Person.
Karussellsteuerung und Navigation
Stellen Sie das Karussell so ein, dass es sich so verhält, wie Sie es möchten Schalten Sie Autoplay ein und stellen Sie seine Geschwindigkeit ein, wählen Sie aus, wie viele Folien gleichzeitig scrollen, und schalten Sie Loop für ein endloses Karussell ein. Entscheiden Sie dann, wie sich die Leute durch das Karussell bewegen: Pfeile, Punkte oder beides, indem Sie innerhalb oder außerhalb des Schiebers sitzen. Sie können die Pfeile auch auf Mobilgeräten verstecken, was sich lohnt, da sie ohnehin dazu neigen, einen Telefonbildschirm zu überfüllen.
- Autoplay und Schleife: Stellen Sie die Autoplay-Geschwindigkeit, die Animationsgeschwindigkeit, die Schleife und die Folien zum Scrollen ein.
- Navigation: Pfeile, Punkte oder beides, mit individueller Positionierung.
- Mobil: Verstecken Sie die Navigationspfeile auf Telefonen, um die Ansicht offen zu halten.
Stil Jedes Element des Sliders
Jede Ebene stilisiert für sich. Legen Sie zuerst den allgemeinen Look, den Schiebereglerhintergrund und die Inhaltsausrichtung fest und gehen Sie dann ins Detail: Geben Sie dem Namen, der Bezeichnung und der Beschreibung ihre eigene Farbe, Art und Abstand. Die Mitgliedskarte hat separate Hintergründe, Ränder und einen Kastenschatten für ihre Normal-, Hover- und Aktivzustände, sodass die Karte tatsächlich reagiert, wenn sich Menschen durch das Karussell bewegen.
- Textstyling: Separater Typ, Farbe und Abstand für Name, Rolle und Bio.
- Kartenzustände: Anderes Design der Karte, wenn sie normal, mit der Maus oder aktiv ist.
- Pfeilstyling: Farbe, Hintergrund, Größe, Rand und Polsterung für die Navigationspfeile, normal und schweben.
Soziale Profile und Hover-Effekte
Fügen Sie die Facebook-, Twitter-, LinkedIn- oder Instagram-URL eines Mitglieds hinzu und die Symbole werden als gestyltes Set auf seiner Karte angezeigt. Einige Voreinstellungen, wie Social Left im Hover oder Content im Hover, halten die Biografie oder die Symbole zurück, bis jemand mit der Karte schwebt, und enthüllen sie dann. Sie können die Symbole und ihre Hintergründe für den Normal- und Hover-Zustand separat einfärben, sodass die Enthüllung wie ein Teil des Designs und nicht wie ein nachträglicher Einfall aussieht.
- Social-Media-Integration: Fügen Sie bis zu vier Social-Profil-URLs pro Teammitglied hinzu; Symbole werden automatisch angezeigt.
- Symbol-Styling: Passen Sie die Farbe und den Hintergrund des sozialen Symbols sowohl für den Normal- als auch für den Hover-Zustand an.
- Interaktive Voreinstellungen: Nutzen Sie Voreinstellungen mit integrierten Hover-Animationen, um Bios oder soziale Links elegant zu enthüllen.
Wie füge ich einen Team-Slider in Elementor hinzu?
Ein Slider des Arbeitsteams dauert einige Minuten Keine Shortcodes, kein separates Slider-Plugin.
- Master Addons installieren und aktivieren, dann eine Seite mit Elementor bearbeiten.
- Durchsuchen Sie das Widget-Panel nach Team Slider Und auf die Seite ziehen.
- Wählen Sie ein Style-Preset, um den Basislook festzulegen.
- Klicken Sie im Inhaltswiederholer auf + Artikel hinzufügen Füllen Sie für jedes Mitglied Foto, Namen, Bezeichnung, Beschreibung und soziale Links aus.
- Öffnen Sie die Karusselleinstellungen für Autoplay, Schleife, Folien zum Scrollen und Navigation.
- Gestalten Sie den Text, die Karten und die Pfeile so, dass sie zu Ihrer Marke passen, und veröffentlichen Sie sie dann.
Eines zu prüfen, bevor man es fertig nennt: quadratische, gleichmäßig zugeschnittene Fotos hochladen Nicht übereinstimmende Bildgrößen sind der übliche Grund, warum ein Team-Slider absieht, da ein großer Headshot die ganze Reihe aus der Reihe wirft Jede Einstellung wird in der Karusselldokumentation der Teammitglieder.
Nicht nur für Teams: Kunden und Erfahrungsberichte
Es ist für Teams gebrandmarkt, aber unter der Haube ist es ein Profilkarussell, also verdoppelt es sich als Testimonial-Slider oder als Kundenkarussell Lassen Sie ein Kundenlogo oder Kundenfoto im Bildfeld fallen, die Person oder Firma im Namen, ihre Rolle bei der Bezeichnung, und das Zitat in der Beschreibung Dieselben Voreinstellungen und Kontrollen übertragen.
- Teamseite: Fotos, Rollen, Bios und soziale Links für Ihre Mitarbeiter.
- Zeugnisschieber: Kundenfoto, Name, Firma und deren Angebot.
- Kundenkarussell: Logos mit einer kurzen Zeile zu jedem Projekt.
- Sprecher- oder Autorenaufstellung: Kopfschüsse mit einer Bio und einem Link Out.
Wenn Sie nur ein einfaches Bildkarussell wollen, ist die Elementorbildkarussell Einfachere Wahl ist.
Häufig gestellte Fragen für Team Slider Element
Wie viele Teammitglieder kann ich dem Schieberegler hinzufügen?
So viele, wie Sie brauchen Klicken Sie im Inhaltsbereich weiter auf + Element hinzufügen, um Profile hinzuzufügen, und das Karussell nimmt eine beliebige Anzahl an. Ein sehr großes Team kann jedoch die anfängliche Seitenlast ziehen, also komprimieren Sie die Mitgliederfotos und schalten Sie das faule Laden ein, sobald Sie in die Dutzende geraten sind.
Ist der Elementor-Team-Slider auf Mobilgeräten und Tablets reaktionsfähig?
Ja. Der Schieberegler, die Bilder, der Text und die Navigation passen sich alle an, und die Folien pro Ansicht und Elementlücke passen sich auf kleineren Bildschirmen an. Verwenden Sie für eine strengere Steuerung den Reaktionsmodus von Elementor, um verschiedene Schriftgrößen oder Bildabmessungen auf Tablets und Mobilgeräten festzulegen.
Kann ich es anstelle eines Teams für Erfahrungsberichte oder Kunden verwenden?
Ja. Es ist ein flexibles Profilkarussell Setzen Sie ein Client-Logo oder Kundenfoto in das Bild, den Namen im Titel, das Unternehmen oder die Rolle in der Bezeichnung, und das Zitat in der Beschreibung Das gibt Ihnen einen Testimonial-Slider oder ein Client-Karussell, ohne ein weiteres Widget hinzuzufügen.
Wie ändere ich die Autoplay-Geschwindigkeit?
In Karussell-Einstellungen suchen Sie nach Autoplay-Geschwindigkeit Der Wert ist in Millisekunden, also 5000 ist fünf Sekunden Senken Sie ihn für schnellere Rutschen (3000 für drei Sekunden) oder erhöhen Sie ihn, um sie zu verlangsamen (7000 für sieben Sekunden).
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
