什么是 Elementor 团队滑块?
Team slider是一个旋转木马,它一次向你的人显示一张卡片,而不是将它们堆叠在静态网格中,访问者滑动或点击个人资料,每张卡片都带有照片,名字,角色,通常还有社交链接,你会看到它被称为团队成员旋转木马或团队成员滑块,无论哪种方式都相同:将一个大团队放入一个小空间中,让人们穿过它,而不是滚动经过照片墙。
Elementor的核心转盘和大量的手动造型可以接近,但是然后配置文件布局,悬停状态和响应行为都在你身上构建和继续工作,Master Addons小部件将那些作为预设运送,所以大部分工作都是配置,而不是设计,如果固定网格比转盘更适合你, 团队成员部分指南 相反,涵盖了这一点。
从现成风格预设开始
您不必从头开始设计卡片。从预设的 Team Carousel、Circle Gradient 或 Hover 上的 Content 开始,每个都有一个可以调整的完成外观。然后在 Content 中继器中构建团队:为每个成员添加一个项目,上传照片,设置图像分辨率,并填写名称、指定和简短的描述。它的工作原理就像您的团队的一个小可视化数据库,从一个面板运行。
- 一键预设: 应用团队旋转木马或圆圈动画等完整设计,您就可以从布局开始。
- 中继器管理: 用 + 添加项目按钮添加、删除或将成员按顺序拖动。
- 正式会员简介: 每个人的图像、姓名、姓名、描述和社交链接。
旋转木马控制和导航
设置旋转木马按照您想要的方式行事 打开自动播放并设置其速度,选择一次滚动多少张幻灯片,然后打开循环以获得无尽的旋转木马 然后决定人们如何穿过它:箭头、点或两者,坐在滑块内部或外部您还可以将箭头隐藏在移动设备上,这是值得做的,因为他们无论如何都倾向于挤满手机屏幕。
- 自动播放和循环: 将自动播放速度、动画速度、循环和幻灯片设置为滚动。
- 导航: 具有自定义定位的箭头、点或两者。
- 手机: 将导航箭头隐藏在手机上以保持视图打开。
样式 滑块的每个元素
每个图层都有自己的样式。首先设置一般外观、滑块背景和内容对齐,然后详细介绍:给名称、名称和描述自己的颜色、类型和间距。会员卡的正常状态、悬停状态和活动状态有单独的背景、边框和框阴影,因此卡片实际上会随着人们在转盘中移动而做出反应。
- 文字造型: 名称、角色和简介的单独类型、颜色和间距。
- 卡片上注明: 当卡为普通卡、悬停卡或活动卡时,其样式会有所不同。
- 箭头造型: 导航箭头的颜色、背景、大小、边框和填充、正常和悬停。
社会概况和悬停效应
添加会员的 Facebook、Twitter、LinkedIn 或 Instagram URL,图标以样式集的形式显示在他们的卡上。一些预设,例如悬停上的社交左侧或悬停上的内容,将简介或图标保留下来,直到有人悬停卡,然后显示。您可以为正常状态和悬停状态分别为图标及其背景着色,因此显示看起来像设计的一部分,而不是事后的想法。
- 社交媒体集成:每个团队成员最多添加四个社交个人资料 URL;图标自动显示。
- 图标造型:为正常状态和悬停状态定制社交图标颜色和背景。
- 交互式预设:利用带有内置悬停动画的预设,优雅地揭示生物或社交链接。
如何在 Elementor 中添加团队滑块?
Working team滑块需要几分钟,没有短代码,没有单独的滑块插件。
- 安装并激活主插件,然后使用 Elementor 编辑页面。
- 搜索小部件面板 滑块团队 并将其拖到页面上。
- 选择样式预设来设置基本外观。
- 在内容中继器中,单击 +添加项目 为每个会员填写照片、姓名、姓名、描述和社交链接。
- 打开旋转木马设置,用于自动播放、循环、滑动到滚动和导航。
- 键入文本、卡片和箭头以匹配您的品牌,然后发布。
1件事,你叫它完成之前要检查:上传方形,均匀裁剪的照片图像尺寸不匹配是团队滑块通常看不上的原因,因为一个高大的头部镜头将整行抛出线外,每个设置都覆盖在 团队成员轮播文档.
不仅适用于团队:客户和感言
Teams 品牌,但罩下是个人资料转盘,所以兼作见证滑块或客户转盘,在图像字段中掉落客户标志或客户照片,名称中的个人或公司,他们在指定中的角色,以及描述中的引用相同的预设和控制来延续。
- 团队页面: 为您的员工提供照片、角色、简介和社交链接。
- 感言滑块: 客户照片、姓名、公司及其报价。
- 客户轮播: 每个项目都有一条短线的徽标。
- 演讲者或作者阵容: 带有简介和链接的头像。
如果你只想要一个简单的图像旋转木马,那么 元素图像旋转木马 是更简单的选择。
团队滑块元素的常见问题
我可以在滑块上添加多少团队成员?
只要你需要多少。继续点击+在内容部分添加项目来添加个人资料,旋转木马就占用任意数字。一个非常大的团队可以在初始页面加载中拖动,不过,所以压缩成员照片,一旦进入数十个,就打开懒惰加载。
Elementor 团队滑块在移动设备和平板电脑上是否响应?
Yes。slider、图像、文本、导航全部适配,在更小的屏幕上调整每个视图和项目间隙的幻灯片。为了更严格的控制,使用Elementor的响应模式在平板电脑和移动设备上设置不同的字体大小或图像尺寸。
我可以将其用于推荐或客户而不是团队吗?
Yes。是一个灵活的个人资料转盘。在图像中放置客户标志或客户照片, 在标题中放置名称, 在指定中放置公司或角色, 在描述中放置报价。那就给你一个推荐滑块或一个客户转盘, 而无需添加另一个小部件。
如何更改自动播放速度?
在轮播设置中,查找自动播放速度。该值以毫秒为单位,因此 5000 为五秒。降低它以获得更快的幻灯片(3000 为三秒)或升高它以减慢速度(7000 为七秒)。
