Widget de membre de l'équipe Elementor

Le widget Master Addons Team Member construit une carte de profil avec une photo, un nom, une désignation, une courte bio et des icônes sociales Il est gratuit, avec 6 variations de design dans le plugin gratuit (Basic One to Five et Rounded) et 5 autres dans Maître Addons Pro. Elementor n'a pas de widget membre de l'équipe qui lui est propre, donc cela vous évite d'empiler une image, des titres et une liste d'icônes à la main Pour une rangée coulissante de personnes, utilisez le Slider d'équipe widget.

Comment ajouter une section membre de l'équipe dans Elementor

Vous avez besoin d'Elementor et du plugin gratuit Master Addons La procédure complète avec une grille et un carrousel est en Comment créer une section membres de l'équipe dans Elementor.

  1. Vérifiez que le membre de l'équipe est allumé ci-dessous Additions maîtresses, widgets.
  2. Ajoutez un conteneur et définissez sa disposition sur Grille avec 3 ou 4 colonnes.
  3. Rechercher pour Membre de l'équipe dans le panneau Élémenteur et faites-le glisser dans la grille.
  4. Choisissez une variante de désignation, puis ajoutez la photo, le nom, la désignation et la biographie.
  5. Ajoutez des icônes sociales sous Profils sociaux.
  6. Stylez la première carte, puis dupliquez-la pour chaque personne et échangez le contenu.
Variations de conception de widgets des membres de l'équipe dans Master Addons

11 Variations de conception (6 gratuites, 5 pro)

Choisissez une mise en page Variations de conception en haut de l'onglet Contenu. Basic One to Five et Arrondi sont gratuits Cercle Gradient, Cercle No Gradient, Social Left on Hover, Social Right on Hover et Content on Hover ont besoin de Pro. Votre nom, photo, bio et icônes restent en place lorsque vous changez.

  • Gratuit : Basic One, Basic Two, Basic Three, Basic Four, Basic Five, Arrondi.
  • Pro : gradient de cercle, sans gradient de cercle, gauche sociale en vol stationnaire, droite sociale en vol stationnaire, contenu en vol stationnaire.
  • Les variantes de vol stationnaire montrent les icônes sociales ou la biographie lorsqu'un visiteur pointe vers la carte.

Contenu du profil et icônes sociales

Dans l'onglet Contenu, téléchargez le Image et choisissez sa taille d'image Remplissez Nom, Désignation et Description, puis définissez Alignement du contenu. Sous Profils Sociaux(en anglais), activez Affichage des profils sociaux et cliquez sur Ajouter un élément pour chaque réseau Chaque élément possède une icône de la bibliothèque d'icônes Elementor et un lien Les icônes sociales ont leur propre paramètre d'alignement.

  • Le nom, la désignation et la description sont des champs de texte brut.
  • Ajoutez autant d'icônes sociales que nécessaire, chacune avec son propre lien.
  • Tick “Ouvrir dans une nouvelle fenêtre” sur un lien si vous souhaitez qu'il s'ouvre dans un nouvel onglet.
Champs de contenu du widget Team Member pour le nom, la désignation, la biographie et les icônes sociales
Contrôle des cartes et du style photo des membres de l'équipe

Styles de cartes, photos et texte

Styles généraux définit la couleur d'arrière-plan de la carte, le rayon de bordure de l'article et l'ombre de la boîte. Pouce stylise la photo avec bordure, rayon de bordure, rembourrage et marge. Contenu ajoute un arrière-plan (couleur ou dégradé), une bordure, un rayon, un remplissage et une marge à la zone de texte Nom, désignation et description ont chacun une couleur, une typographie, un remplissage et une marge. Social définit la taille de l'icône, la couleur de l'icône et l'arrière-plan pour les états normaux et de vol stationnaire.

  • Réglez le rayon de la bordure du pouce à 50 % pour une photo ronde.
  • Le rembourrage et la marge sont réactifs, vous pouvez donc serrer la carte sur mobile.
  • La variante Arrondi ajoute une deuxième couleur d'arrière-plan pour ses icônes sociales.

Widgets Core Elementor vs le widget Team Member

Elementor Free et Pro n'ont pas de widget membre de l'équipe Vous pouvez construire une carte à partir d'une Image, d'un En-tête, d'un Éditeur de texte et d'un widget Icônes sociales Voici comment cela se compare.

TâcheWidgets Core ElementorMembre de l'équipe Master Addons
Widgets par carte4 ou plus à l'intérieur d'un conteneur1
Aménagements prêtsAucun, vous concevez chaque carte6 gratuits, 11 avec Pro
Survolez la révélation des icônes ou de la bioNécessite un CSS personnaliséVariations de survol pro
Couleurs de la marque icône socialeOui, dans le widget Icônes socialesEnsemble d'une couleur pour toutes les icônes
Liberté d'aménagementPlein, n'importe quelle commande de widgetOrdre fixe dans la variation choisie

Widgets associés : Slider d'équipe pour un carrousel de personnes, Infobox pour les cartes icônes et texte, et Flipbox pour les cartes avec une face arrière.

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Cartes d'équipe de portrait circulaire
Cartes d'équipe de portrait circulaire
Lignes de table de répertoire
Lignes de table de répertoire
Mosaïque de portraits Bento
Mosaïque de portraits Bento
Cartes de profil en arc décalé
Cartes de profil en arc décalé
Divisez la grille de l'équipe d'images
Divisez la grille de l'équipe d'images
Cartes d'équipe du panneau de superposition
Cartes d'équipe du panneau de superposition
Profils de processus de chronologie
Profils de processus de chronologie
Ligne d'analyste boxée
Ligne d'analyste boxée
Membre de l'équipe - Variation One
Membre de l'équipe - Variation One
Membre de l'équipe - Variation Deux
Membre de l'équipe - Variation Deux
Membre de l'équipe - Variation trois
Membre de l'équipe - Variation trois
Membre de l'équipe - Variation Quatre
Membre de l'équipe - Variation Quatre
Membre de l'équipe - Variation cinq
Membre de l'équipe - Variation cinq
Membre de l'équipe - Variation Circle Gradient (Pro)
Membre de l'équipe - Variation Circle Gradient (Pro)
Membre de l'équipe - Cercle de variation sans gradient (Pro)
Membre de l'équipe - Cercle de variation sans gradient (Pro)
Membre de l'équipe - Variation Icône sociale sur le vol stationnaire gauche (Pro)
Membre de l'équipe - Variation Icône sociale sur le vol stationnaire gauche (Pro)
Membre de l'équipe - Variation arrondie
Membre de l'équipe - Variation arrondie
Membre de l'équipe - Variation Content on Hover (Pro)
Membre de l'équipe - Variation Content on Hover (Pro)

Foire aux questions pour les membres de l'équipe

Découvrez les requêtes les plus demandées par les utilisateurs sur Team Member et trouvez des réponses en un seul endroit.
Comment puis-je créer une grille ou une liste d'équipe complète avec cet élément ?

Chaque widget est une personne Ajoutez un conteneur, définissez sa disposition sur Grid avec le nombre de colonnes que vous souhaitez, et placez un widget Team Member dans chaque cellule Stylez la première carte et dupliquez-la pour que chaque carte corresponde.

Les deux sont des variantes Pro avec une photo ronde Circle Gradient dessine une forme colorée derrière la photo Circle No Gradient a un fond transparent sans forme.

Le widget n'a pas de champ de lien pour le nom ou la photo Seules les icônes sociales prennent des liens Pour rendre toute la carte cliquable, utilisez le gratuit Lien d'emballage extension sur le widget.

Le profil est-il réactif sur mobile ?

Oui. La carte évolue avec sa colonne, et les paramètres de remplissage et de marge sont réactifs. Définissez la grille sur une colonne sur mobile dans les paramètres du conteneur afin que les cartes s'empilent.

Oui. Il fait partie du plugin gratuit Master Addons avec 6 variantes de conception et tous les contrôles de contenu et de style Master Addons Pro ajoute 5 variantes supplémentaires : Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover et Content on Hover.

Il n'y a pas de limite fixe Les profils sociaux sont un répéteur, alors cliquez sur Ajouter un élément pour chaque réseau La plupart des cartes sont plus belles avec trois à cinq icônes.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
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]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails