一个关于或服务的页面通常需要介绍工作背后的人,一旦你有多个成员,静态网格就会运行很长。 团队旋转木马 小部件在 Elementor 的主插件 (team Slider) 将您的团队置于滑动旋转木马中:每个成员都会获得照片、姓名、角色、简短的简介和社交链接,访客可以在紧凑的空间中浏览它们。
它附带了几种风格预设,从普通旋转木马到悬停和抽屉效果,再加上对滑块行为的完全控制。您通过中继器添加成员,删除其详细信息,然后选择布局和风格。下面是贯穿每个设置的运行。
团队轮播小部件的作用 #
Widget 将您的团队成员显示为转盘中的卡片,每张卡片都包含一个图像、一个名字、一个名称、一个简短的描述和一排社交个人资料链接,访问者通过箭头、点或滑动的卡片移动。
它具有三个选项卡:成员的内容、导航和轮播行为、颜色和间距的样式以及通常的元素选项的高级。样式预设下拉会一键更改整个外观。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
- 团队成员的照片,以及他们的姓名、角色和社交链接。
如何添加团队轮播小部件 #
在 Elementor 编辑器中,打开 元素 面板和搜索 团队旋转木马 或 滑块团队的,或者滚动到主插件部分。将其拖到您的页面上。它加载了四个占位符成员,因此您可以从工作滑块进行编辑。
添加您的团队成员 #
打开 内容 选项卡。 内容 section 保存成员列表。 A 样式预设 下拉位于顶部,并且 团队旋转木马 repeater 每位成员持有一项,下面是 图像分辨率,一个 图像边框 切换,然后 标题 HTML 标签 为名字。
单击一个会员打开其设置,每个会员都有照片和详细信息的字段:
- 图片: 员媒体图书馆的照片。
- 姓名、名称、描述: 成员的姓名、角色和简短的简介,每个简介都有一个"write with AI"选项。
- 显示社交资料: 打开一排链接,其中包含 Facebook、Twitter、Instagram、LinkedIn、Dribbble、TikTok、YouTube 和 Email 字段。
用 添加项目 要添加成员,请将复制图标复制到复制一个,然后将 X 删除它。
选择预设的样式 #
的 样式预设 dropdown 改变每张卡片的行为方式,而不会触及您的内容。默认值 团队旋转木马 显示照片并附有以下详细信息,而其他预设则添加交互。
的 悬停的社交左派 preset 隐藏社交图标,直到有人悬停一张卡片,然后从角落滑入。
的 内容抽屉 preset 将照片保持在干净的行中,并在单击卡片时打开一个包含会员详细信息的滑动抽屉。
导航设置 #
的 导航 部分控制访客如何在滑块中移动。
- 导航: 显示箭头和点,仅显示一个,或没有。
- 动态子弹和显示滚动条: 指示位置的额外方法。
- 箭头和点位置: 将控件放置在适合的位置。
- 下一个和上一个图标: 在您自己的箭头图标中进行交换。
- 手机上隐藏箭头: 清理小屏幕。
旋转木马设置 #
的 旋转木马设置 部分设置滑块的移动方式以及同时显示多少张卡片。
- 每列幻灯片: 一次有多少成员出现(默认情况下为 4 个)。
- 布局: 标准转盘或其他布置。
- 自动播放、自动播放速度和悬停暂停: 自己推进幻灯片。
- 滑动到滚动、中心滑动和循环: 控制转盘的步进和重复方式。
- 动画速度: 每个过渡运行的速度有多快。
风格旋转木马 #
的 风格 tab 将小部件分解为可以自行风格的部分: 一般风格, 导航, 名字, 指定, 描述, 旋转木马项目、和 社会的另外 图案 (一个专业选项)。
- 姓名、名称、描述: 每个文本元素的颜色、排版和间距。
- 旋转木马物品: 卡片背景、边框、半径和填充。
- 导航与社交: 箭头、点和社交图标的外观。
页面上的结果 #
发布或预览,团队轮播实时运行:卡片滑动,带有箭头或自动播放,每个成员都会在您选择的预设中显示他们的照片、姓名、角色和链接。
常见用例 #
- 关于页面 以紧凑的滑块介绍整个团队。
- 代理机构和工作室网站 展示具有社交联系的创意。
- 服务业务 给做工作的人一个面子。
- 演讲者或教练阵容 用于活动和课程。
- 领导部门 突出创始人和经理。
使用 Team Carousel 小部件的提示 #
- 使用相同尺寸的照片。 匹配的尺寸可以让卡片在滑动时保持不变。不匹配的高度是旋转木马看起来跳跃的常见原因。
- 保持简历短。 旋转木马卡内的一两行读数最好。
- 选择适合页面的预设。 内容抽屉适合详细的生物;普通的旋转木马可以快速介绍。
- 每列设置幻灯片以匹配宽度。 三到四张牌适合大多数布局;窄柱上较少。
- 仅添加您使用的社交链接。 跳过空字段,因此仅填写活动配置文件。
常见问题 #
Master Addons 中的团队轮播小部件是什么?
Elementor小部件,将你的团队成员显示为滑块中的卡片,每张卡片都包含照片、姓名、角色、简短的简介和社交链接,你通过中继器添加成员,并从几个样式预设中进行挑选,这些都来自Elementor面板。
Team Carousel 有多少款式预设?
它包括几个,包括默认的 Team Carousel、悬停上的 Social Left 和内容抽屉。每个预设都会更改卡的外观和行为方式,例如在悬停上显示社交图标或在单击时打开细节抽屉,而无需更改您的会员内容。
我可以向每个团队成员添加社交媒体链接吗?
是的。每个成员都有一个显示社交个人资料,可切换 Facebook、Twitter、Instagram、LinkedIn、Dribbble、TikTok、YouTube 和 Email 等字段。填写您使用的个人资料,其余部分将被跳过,因此卡上仅显示活动链接。
我可以设置一次显示多少团队成员吗?
是旋转木马设置部分有一个"每列幻灯片"选项,该选项设置一次出现多少张卡片,默认情况下是四张。将其与"幻灯片"配对以滚动和循环以控制旋转木马如何穿过您的成员。
团队轮播自动播放吗?
是。旋转木马设置部分有自动播放和自动播放速度选项,因此滑块按照您设置的步伐自行前进。如果您希望在访客阅读卡片时停止,请打开悬停。
包裹起来 #
Team Carousel 小部件将人员列表变成带有照片、角色、bios 和社交链接的滑动展示。添加您的会员,选择预设,如悬停或内容抽屉上的社交左侧,设置导航和轮播行为,然后对卡片进行样式以匹配您的页面。更多滑块请参阅 图片旋转木马小部件 和 画廊滑块小部件,浏览全文 主插件小部件和扩展并且检查 定价页面 对于每个计划包含的内容。
