Elementor 团队成员旋转木马(团队滑块)
您的团队出售业务的数量与页面上的任何业务一样多,但平坦的正面照片网格很少会以这种方式落地。主插件 元素团队滑块 将这些个人资料变成轮播,人们可以浏览:照片、姓名、角色、简短的简介和社交链接,在您控制的布局中滑动。选择预设的样式,通过简单的中继器添加每个成员,然后您就有一个 队员轮播 up,而不需要编写任何代码。
Widget是免费的,它的六个预设中的三个(团队轮播,循环梯度和内容在悬停)在免费插件中,循环动画,社交左侧在悬停和内容抽屉附带 硕士插件专业版。它不止一排面孔悬停效果,自动播放和每个元素的造型赋予每个配置文件一点字符,并让人们在整个团队中点击,而不是停在第一张卡片上,下面的视频显示了构建,进一步向下您将获得预设,转盘设置和快速操作方法。
什么是 Elementor 团队滑块?
Team slider是一个旋转木马,它一次向你的人显示一张卡片,而不是将它们堆叠在静态网格中,访问者滑动或点击个人资料,每张卡片都带有照片,名字,角色,通常还有社交链接,你会看到它被称为团队成员旋转木马或团队成员滑块,无论哪种方式都相同:将一个大团队放入一个小空间中,让人们穿过它,而不是滚动经过照片墙。
Elementor的核心转盘和大量的手动造型可以接近,但是然后配置文件布局,悬停状态和响应行为都在你身上构建和继续工作,Master Addons小部件将那些作为预设运送,所以大部分工作都是配置,而不是设计,如果固定网格比转盘更适合你, 团队成员部分指南 相反,涵盖了这一点。
| 滑块团队 | 团队成员 | |
|---|---|---|
| 布局 | 一个小部件,一个由许多成员组成的滑动旋转木马 | 每人一个小部件,放置在网格中 |
| 预设 | 6(3免费,3专业) | 11(6 免费,5 专业) |
| 最好的 | 较大的团队、演讲者、客户或推荐行 | 每个人都应该立即可见的小团队 |
| 导航 | 箭头、点、分数、进度条、滚动条、自动播放 | 无需 |
Elementor和Elementor Pro没有自己的团队成员小部件,Pro的感言旋转木马是最接近报价的匹配,而不是员工资料。
从风格预设开始(3 免费,3 专业)
您不必从头开始设计卡片。从预设的 Team Carousel、Circle Gradient 或 Hover 上的 Content 开始,每个都有一个可以调整的完成外观。然后在 Content 中继器中构建团队:为每个成员添加一个项目,上传照片,设置图像分辨率,并填写名称、指定和简短的描述。它的工作原理就像您的团队的一个小可视化数据库,从一个面板运行。
- 免费预设: 团队旋转木马、圆梯度(圆 01 至 03 背景)和悬停内容。
- 专业预设: Circle 动画、悬停上的社交左侧、内容抽屉,以及 Circle 04 至 07 和动画 4。
- 中继器管理: 将成员添加、复制、删除或拖动到顺序中,每个成员都包含图像、姓名、名称、描述和社交链接。
旋转木马控制和导航
设置旋转木马按照您想要的方式行事 打开自动播放并设置其速度,选择一次滚动多少张幻灯片,然后打开循环以获得无尽的旋转木马。然后决定人们如何穿过它:箭头、点、带点的箭头、带分数计数器的箭头、进度条或滚动条,箭头位于滑块内部或外部。布局可以是平面旋转木马或 3D Coverflow。您还可以将箭头隐藏在移动设备上,这是值得做的,因为它们无论如何都倾向于挤满手机屏幕。
- 自动播放和循环: 将自动播放速度、动画速度、循环和幻灯片设置为滚动。
- 导航: 箭头、点、两者、分数或进度,有七个位置和自定义箭头图标。
- 每列幻灯片: 1到6卡一次,设置每台设备。
- 手机: 将导航箭头隐藏在手机上以保持视图打开。
样式 滑块的每个元素
每个图层都有自己的样式。首先设置一般外观、滑块背景和内容对齐,然后详细介绍:给名称、名称和描述自己的颜色、类型和间距。会员卡的正常状态、悬停状态和活动状态有单独的背景、边框和框阴影,因此卡片实际上会随着人们在转盘中移动而做出反应。
- 文字造型: 名称、角色和简介的单独类型、颜色和间距。
- 卡片上注明: 当卡为普通卡、悬停卡或活动卡时,其样式会有所不同。
- 箭头造型: 导航箭头的颜色、背景、大小、边框和填充、正常和悬停。
社会概况和悬停效应
添加会员的 Facebook、Twitter、Instagram、LinkedIn、Dribbble、TikTok 或 YouTube URL 或电子邮件地址,图标就会以样式集的形式显示在他们的卡片上。悬停(免费)和悬停社交左侧(专业版)上的内容将个人简介或图标放回原处,直到有人悬停卡片,然后显示。您可以为正常状态和悬停状态分别为图标及其背景着色,因此显示看起来像是设计的一部分,而不是事后的想法。
- 社交链接: 7个网络加上每个会员的电子邮件。空字段被跳过。
- 图标造型: normal 和 Hover 的图标颜色和背景。
- 悬停预设: Hover 上的内容是免费的,Hover 上的社交左翼和内容抽屉需要专业版。
如何在 Elementor 中添加团队滑块?
Working team滑块需要几分钟,没有短代码,没有单独的滑块插件。
- 安装并激活主插件,然后使用 Elementor 编辑页面。
- 搜索小部件面板 滑块团队 并将其拖到页面上。
- 选择样式预设来设置基本外观。
- 在内容中继器中,单击 +添加项目 为每个会员填写照片、姓名、姓名、描述和社交链接。
- 打开旋转木马设置,用于自动播放、循环、滑动到滚动和导航。
- 键入文本、卡片和箭头以匹配您的品牌,然后发布。
1件事,你叫它完成之前要检查:上传方形,均匀裁剪的照片图像尺寸不匹配是团队滑块通常看不上的原因,因为一个高大的头部镜头将整行抛出线外,每个设置都覆盖在 团队成员轮播文档.
不仅适用于团队:客户和感言
Teams 品牌,但罩下是个人资料转盘,所以兼作见证滑块或客户转盘,在图像字段中掉落客户标志或客户照片,名称中的个人或公司,他们在指定中的角色,以及描述中的引用相同的预设和控制来延续。
- 团队页面: 为您的员工提供照片、角色、简介和社交链接。
- 感言滑块: 客户照片、姓名、公司及其报价。
- 客户轮播: 每个项目都有一条短线的徽标。
- 演讲者或作者阵容: 带有简介和链接的头像。
如果你只想要一个简单的图像旋转木马,那么 元素图像旋转木马 是更简单的选择。
团队滑块元素的常见问题
我可以在滑块上添加多少团队成员?
只要您需要多少。继续单击"内容"部分中的"添加项目"来添加个人资料,转盘将获取任意数字。一个非常大的团队会增加页面的权重,不过,因此请选择较小的图像分辨率,并在您进入数十张照片后压缩成员照片。
Elementor 团队滑块在移动设备和平板电脑上是否响应?
Yes。slider、图像、文本、导航全部适配,在更小的屏幕上调整每个视图和项目间隙的幻灯片。为了更严格的控制,使用Elementor的响应模式在平板电脑和移动设备上设置不同的字体大小或图像尺寸。
Team Slider 小部件免费吗?
是的。Team Slider 位于免费的 Master Addons 插件中,包含三个预设:Team Carousel、Circle Gradient 和 Hover 上的 Content。Circle Animation、Hover 上的 Social Left、Content Drawer 和额外的 Circle 背景需要 Master Addons Pro。它还可以用作推荐或客户端旋转木马:将照片或徽标放入图像中,将名称放入名称中,并在描述中引用。
如何更改自动播放速度?
在轮播设置中,查找自动播放速度。该值以毫秒为单位,因此 5000 为五秒。降低它以获得更快的幻灯片(3000 为三秒)或升高它以减慢速度(7000 为七秒)。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
