How do I create a full team grid or list with this element?

Each widget is one person. Add a container, set its layout to Grid with the number of columns you want, and place one Team Member widget in each cell. Style the first card and duplicate it so every card matches.

What’s the difference between “Circle Gradient” and “Circle No Gradient”?

Both are Pro variations with a round photo. Circle Gradient draws a colored shape behind the photo. Circle No Gradient has a transparent background with no shape.

Can I link the team member’s name or image to a dedicated bio page?

The widget has no link field for the name or photo. Only the social icons take links. To make the whole card clickable, use the free Wrapper Link extension on the widget.

Is the profile responsive on mobile?

Yes. The card scales with its column, and padding and margin settings are responsive. Set the grid to one column on mobile in the container settings so cards stack.

Is the Team Member widget free?

Yes. It is part of the free Master Addons plugin with 6 design variations and all content and style controls. Master Addons Pro adds 5 more variations: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover and Content on Hover.

How many social icons can I add?

There is no fixed limit. Social Profiles is a repeater, so click Add Item for each network. Most cards look best with three to five icons.

Elementor 团队成员小部件

Master Addons Team Member 小部件构建一张带有照片、姓名、名称、简短生物和社交图标的个人资料卡,它是免费的,免费插件中有 6 种设计变体(基本一到五和圆形),还有 5 种硕士插件专业版。Elementor没有自己的团队成员小部件,因此这可以节省您手工堆叠图像、标题和图标列表,对于一排滑动的人,请使用滑块团队小部件。

Elementor 中如何添加团队成员部分

您需要 Elementor 和免费的 Master Addons 插件。带有网格和旋转木马的完整演练已完成如何在 Elementor 中创建团队成员部分.

检查团队成员是否已打开 主插件、小部件.
添加一个容器并将其布局设置为具有 3 或 4 列的网格。
搜索 团队成员 elementor面板中,并将其拖入网格中。
选择设计变体,然后添加照片、名称、名称和简介。
在"社交配置文件"下添加社交图标。
为第一张卡片打样,然后为每个人复制它并交换内容。

11 种设计变体(6 种免费,5 种专业版)

选择布局 设计变化 content标签页的顶部。基本的一到五和圆形是免费的。圆梯度, 圆没有梯度, 悬停的社交左侧, 悬停的社交右侧和悬停的内容需要Pro。当你切换时, 你的名字, 照片,生物和图标保持在原位。

免费:基本一、基本二、基本三、基本四、基本五、四舍五入。
专业:圆梯度、圆无梯度、悬停社交左侧、悬停社交右侧、悬停内容。
当访客指向卡片时,悬停变化会显示社交图标或简介。

个人资料内容和社交图标

在"内容"选项卡中,上传图像并选择其图像大小。填写名字, 指定並描述置, 然后设置内容对齐。下 社会概况、打开显示社交配置文件,点击每个网络的添加项目,每个项目都有一个来自 Elementor 图标库的图标和一个链接,社交图标有自己的对齐设置。

名称、名称和描述是纯文本字段。
根据需要添加尽可能多的社交图标,每个图标都有自己的链接。
如果您希望链接在新选项卡中打开,请在链接上勾选"以新窗口打开"。

卡片、照片和文本样式

一般风格 设置卡片背景颜色、物品边框半径和盒子阴影。拇指照片的样式包括边框、边框半径、填充物和边距。内容背景(颜色或渐变)、边框、半径、填充和边距添加到文本区域。名称、名称和说明均具有颜色、排版、填充和边距。 社会的 为正常状态和悬停状态设置图标大小、图标颜色和背景。

将圆形照片的拇指边框半径设置为 50%。
Padding和保证金是响应式的,所以你可以在移动设备上收紧卡。
Rounded 变体为其社交图标添加了第二种背景颜色。

核心元素小部件与团队成员小部件

Elementor Free和Pro没有团队成员小部件,您可以从图像、标题、文本编辑器和社交图标小部件构建卡片,以下是比较的方式。

任务	核心元素小部件	插件大师团队成员
每张卡的小部件	4个或更多在容器内部	1
准备好的布局	没有,你设计每张卡片	6免费,11与专业人士
图标或生物的悬停显示	需要自定义 CSS	专业悬停变化
社交图标品牌颜色	是的,在社交图标小部件中	所有图标都有一个颜色集
布局自由	完整的,任何小部件订单	所选变体内的固定顺序