Carrousel membre de l'équipe Elementor (Team Slider)
Votre équipe vend l'entreprise autant que tout ce qui se trouve sur la page, mais une grille plate de photos atterrit rarement de cette façon Le Maître Addons Curseur d'équipe Elementor transforme ces profils en carrousel que les gens peuvent parcourir : photos, noms, rôles, biographies courtes et liens sociaux, glissant dans une mise en page que vous contrôlez Choisissez un préréglage de style, ajoutez chaque membre via un simple répéteur et vous avez un carrousel des membres de l'équipe debout sans écrire de code.
Le widget est gratuit Trois de ses six préréglages (Team Carousel, Circle Gradient et Content on Hover) sont dans le plugin gratuit, et Circle Animation, Social Left on Hover et Content Drawer sont livrés avec Maître Addons Pro. C'est plus qu'une rangée de visages Les effets de survol, la lecture automatique et le style par élément donnent à chaque profil un peu de caractère et incitent les gens à cliquer dans toute l'équipe au lieu de s'arrêter à la première carte La vidéo ci-dessous montre la version. Plus bas, vous obtenez les préréglages, les paramètres du carrousel et un comment faire rapide.
Qu'est-ce qu'un Elementor Team Slider ?
Un curseur d'équipe est un carrousel qui montre à vos collaborateurs une carte à la fois au lieu de les empiler dans une grille statique Les visiteurs glissent ou cliquent sur les profils, et chaque carte porte une photo, un nom, un rôle et généralement des liens sociaux Vous la verrez appelée carrousel des membres de l'équipe ou curseur d'un membre de l'équipe aussi Même idée dans tous les cas : intégrer une grande équipe dans un petit espace et laisser les gens se déplacer à travers plutôt que de défiler devant un mur de photos.
Vous pouvez vous rapprocher du carrousel principal d'Elementor et de beaucoup de style manuel, mais ensuite la disposition du profil, les états de vol stationnaire et le comportement réactif sont tous à vous de construire et de continuer à travailler Le widget Master Addons les expédie sous forme de préréglages, donc la plupart du travail est une configuration et non une conception Si une grille fixe vous convient mieux qu'un carrousel, le guide de la section des membres de l'équipe couvre ça à la place.
| Slider d'équipe | Membre de l'équipe | |
|---|---|---|
| Disposition | Un widget, un carrousel coulissant de nombreux membres | Un widget par personne, placé dans une grille |
| Préréglages | 6 (3 gratuits, 3 Pro) | 11 (6 gratuits, 5 Pro) |
| Meilleur pour | Des équipes plus grandes, des conférenciers, des rangées de clients ou de témoignages | Petites équipes où tout le monde devrait être visible à la fois |
| navigation | Flèches, points, fraction, barre de progression, barre de défilement, lecture automatique | Aucun nécessaire |
Elementor et Elementor Pro n'ont pas de widget de membre de l'équipe qui leur est propre Le Carrousel de témoignage de Pro est la correspondance la plus proche pour les devis, pas pour les profils du personnel.
Commencez par un préréglage de style (3 gratuits, 3 professionnels)
Vous n'avez pas à concevoir une carte à partir de zéro Partez d'un préréglage comme Team Carousel, Circle Gradient, ou Content on Hover, chacun un look fini que vous pouvez ajuster Ensuite construire l'équipe dans le répéteur de Contenu : ajoutez un élément par membre, téléchargez la photo, définissez la résolution de l'image, et remplissez le Nom, la Désignation, et une courte Description Cela fonctionne comme une petite base de données visuelle pour votre équipe, courez à partir d'un panneau.
- Préréglages gratuits : Team Carousel, Circle Gradient (Circle 01 à 03 arrière-plans) et Content on Hover.
- Préréglages professionnels : Animation de cercle, gauche sociale en vol stationnaire, tiroir de contenu, plus Cercle 04 à 07 et Animation 4.
- Gestion des répéteurs : ajoutez, dupliquez, supprimez ou faites glisser les membres dans l'ordre, chacun avec image, nom, désignation, description et liens sociaux.
Contrôles et navigation du carrousel
Réglez le carrousel pour qu'il se comporte comme vous le souhaitez Allumez Autoplay et réglez sa vitesse, choisissez combien de diapositives défilent à la fois, et allumez Loop pour un carrousel sans fin Ensuite, décidez comment les gens se déplacent à travers lui : flèches, points, flèches avec points, flèches avec un compteur de fractions, une barre de progression ou une barre de défilement, avec les flèches à l'intérieur ou à l'extérieur du curseur La disposition peut être un carrousel plat ou un Coverflow 3 D. Vous pouvez également cacher les flèches sur mobile, ce qui vaut la peine d'être fait puisqu'elles ont de toute façon tendance à encombrer un écran de téléphone.
- Lecture automatique et boucle : définissez la vitesse de lecture automatique, la vitesse d'animation, la boucle et les diapositives sur le défilement.
- Navigation : flèches, points, les deux, fraction ou progression, avec sept positions et icônes de flèches personnalisées.
- Diapositives par colonne : 1 à 6 cartes à la fois, définies par appareil.
- Mobile : masquez les flèches de la navigation sur les téléphones pour garder la vue ouverte.
Stylez chaque élément du curseur
Chaque calque se stylise tout seul Définissez d'abord l'aspect général, l'arrière-plan du curseur et l'alignement du contenu, puis entrez dans les détails : donnez au nom, à la désignation et à la description leur propre couleur, type et espacement La carte membre a des arrière-plans, des bordures et une ombre de boîte séparés pour ses états Normal, Survol et Actif, de sorte que la carte réagit réellement lorsque les gens se déplacent dans le carrousel.
- Style du texte : séparez le type, la couleur et l’espacement pour le nom, le rôle et la biographie.
- États de la carte : style différent pour la carte lorsqu'elle est normale, en vol stationnaire ou active.
- Style de flèche : couleur, arrière-plan, taille, bordure et rembourrage pour les flèches de la navigation, normales et en vol stationnaire.
Profils sociaux et effets de survol
Ajoutez l'URL Facebook, Twitter, Instagram, LinkedIn, Dribbble, TikTok ou YouTube d'un membre, ou une adresse e-mail, et les icônes apparaissent sur leur carte sous forme d'ensemble stylisé. Le contenu sur Hover (gratuit) et Social Left sur Hover (Pro) retiennent la biographie ou les icônes jusqu'à ce que quelqu'un survole la carte, puis les révèlent. Vous pouvez colorier les icônes et leurs arrière-plans séparément pour les états normaux et en vol stationnaire, de sorte que la révélation ressemble à une partie du design au lieu d'une réflexion après coup.
- Liens sociaux: sept réseaux plus e-mail par membre Les champs vides sont sautés.
- Style d'icône : couleur et arrière-plan de l'icône pour Normal et Hover.
- Préréglages de vol stationnaire : Le contenu sur Hover est gratuit, Social Left sur Hover et Content Drawer ont besoin de Pro.
Comment ajouter un Team Slider dans Elementor ?
Un curseur d'équipe de travail prend quelques minutes Pas de codes courts, pas de plugin de curseur séparé.
- Installez et activez Master Addons, puis modifiez une page avec Elementor.
- Recherchez dans le panneau du widget Slider d'équipe et faites-le glisser sur la page.
- Choisissez un préréglage de style pour définir le look de base.
- Dans le répéteur Contenu, cliquez sur + Ajouter un élément pour chaque membre et remplissez la photo, le nom, la désignation, la description et les liens sociaux.
- Ouvrez Paramètres du carrousel pour la lecture automatique, la boucle, les diapositives à faire défiler et la navigation.
- Stylez le texte, les cartes et les flèches pour qu'ils correspondent à votre marque, puis publiez.
Une chose à vérifier avant de l'appeler terminée : téléchargez des photos carrées et coupées uniformément. Les tailles d'image incompatibles sont la raison habituelle pour laquelle un curseur d'équipe regarde hors de la ligne, puisqu'un grand tir à la tête jette toute la rangée hors de la ligne. Chaque paramètre est couvert dans le Documentation du carrousel des membres de l'équipe.
Pas seulement pour les équipes : clients et témoignages
Il est marqué pour les équipes, mais sous le capot c'est un carrousel de profil, donc il se double d'un curseur de témoignage ou d'un carrousel client Déposez un logo client ou une photo client dans le champ image, la personne ou l'entreprise dans le nom, son rôle dans la désignation, et la citation dans la description Les mêmes préréglages et contrôles sont reportés.
- Page de l'équipe : photos, rôles, biographies et liens sociaux pour votre personnel.
- Curseur de témoignage : photo du client, nom, entreprise et son devis.
- Carrousel client : logos avec une courte ligne sur chaque projet.
- Composition du conférencier ou de l'auteur : des photos avec une biographie et un lien.
Si vous voulez juste un carrousel à image simple, le Carrousel d'images d'élémentateurs est le choix le plus simple.
Questions fréquemment posées pour l'élément Team Slider
Combien de membres de l'équipe puis-je ajouter au curseur ?
Autant que vous en avez besoin Continuez à cliquer + Ajouter un élément dans la section Contenu pour ajouter des profils, et le carrousel prend n'importe quel numéro Une très grande équipe ajoute du poids à la page, cependant, choisissez donc une résolution d'image plus petite et compressez les photos des membres une fois que vous en avez par dizaines.
Le curseur de l'équipe Elementor est-il réactif sur mobile et tablette ?
Oui. Le curseur, les images, le texte et la navigation s'adaptent tous, et les diapositives par vue et l'espace entre les éléments s'ajustent sur des écrans plus petits Pour un contrôle plus strict, utilisez le mode réactif d'Elementor pour définir différentes tailles de police ou dimensions d'image sur tablette et mobile.
Le widget Team Slider est-il gratuit ?
Oui. Team Slider est dans le plugin gratuit Master Addons avec trois préréglages : Team Carousel, Circle Gradient et Content on Hover. Circle Animation, Social Left on Hover, Content Drawer et les arrière-plans supplémentaires du cercle ont besoin de Master Addons Pro. Il fonctionne également comme un carrousel de témoignage ou de client : mettez la photo ou le logo dans Image, le nom dans Nom et la citation dans Description.
Comment modifier la vitesse de lecture automatique ?
Dans Paramètres du carrousel, recherchez la vitesse de lecture automatique. La valeur est en millisecondes, donc 5000 est cinq secondes. Baissez-le pour des glissements plus rapides (3000 pendant trois secondes) ou augmentez-le pour les ralentir (7000 pendant sept secondes).
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
