如何在 Elementor 中添加徽标旋转木马
您需要 Elementor 和 WordPress。org 的免费主插件。
- 检查徽标滑块是否已打开 主插件、小部件.
- 在 Elementor 编辑器中,搜索 标志滑块 并将其拖入您的部分。
- 在 标志项目、打开每个项目、上传客户端徽标并在需要时添加链接。
- 选择悬停选项并打开工具提示以获取任何需要工具提示的徽标。
- 在 旋转木马设置、为桌面、平板电脑和移动设备设置每列幻灯片并调整自动播放。
- 选择导航类型,然后在"样式"选项卡中对徽标框和箭头进行样式。
有关设计技巧的完整演练,请阅读 如何在 Elementor 中创建徽标旋转木马。每个设置都列在 徽标滑块小部件设置.
徽标悬停内容和工具提示
每个标志都有一个 悬停? seting。text 在徽标上显示品牌名称和描述, 在悬停徽标图像中进行图像交换, 无保留徽标原样。与 选择事件 设置为图标 单击,悬停内容从一个小图标打开,您可以将其放置在任何角落。打开 工具提示 logo来添加具有自己的放置、动画、触发、偏移和样式的短文本。
- 在悬停机上显示带有悬停机标志图像的彩色版本的标志。
- 添加每个合作伙伴的一行描述,而不会弄乱条带。
- 在旋转木马项目中设置悬停框背景、边框、名称和文本。
旋转木马设置
每列幻灯片 设置每个设备可见的徽标数量,从 1 到 6,以及 滑动到滚动 设置一次移动多少。布局为旋转木马或 Coverflow。Autoplay 默认打开时间为 5000 毫秒,悬停、循环、中心滑动、抓取光标、无拖动模式和动画速度。打开 观察者 当滑块位于选项卡、手风琴或弹出窗口内时,它会在打开时调整大小。
- 徽标框的正常状态、悬停状态和活动状态,每个状态都有背景、边框颜色、阴影和不透明度。
- 徽标之间间距的项目间隙和填充。
- Autoplay步驟一邊一邊滑動。將Autoplay速度設定為0,以移除跑馬燈式條帶的暫停。
导航和箭头造型
导航 offers 箭头和点, 箭头和分数, 箭头,点, 进度或无, 加上可选的滚动条和动态子弹。将箭头放在滑块内或滑块外, 选择它们的位置。选择自己的下一步和上一个图标, 然后打开 手机上隐藏箭头 为更干净的电话布局。
- Normal 和 Hover 的箭头颜色、背景、边框、半径、填充、尺寸和阴影。
- 点尺寸、间距和活性颜色,带有药丸形点的高级尺寸选项。
- 偏移滑块以将箭头、点、分数或进度条精确地移动到您想要的位置。
元素图像旋转木马与主插件徽标滑块
Elementor 免费的 Image Carousel 也可以显示一排标志,设置起来比较轻,所以这里是每个都有意义的时候。
| 特点 | 元素图像旋转木马 | 主插件徽标滑块 |
|---|---|---|
| 价格 | 在元素器中免费 | 免费的 |
| 添加徽标 | 从画廊中一次性选择所有图像 | 每个徽标一个中继器项目 |
| 链接 | 整个旋转木马的一个链接设置 | 每个徽标都有单独的链接 |
| 悬停内容 | 图像下的标题 | 品牌名称和描述,或第二个标志图像 |
| 工具提示 | 否 | 每个徽标,有放置、触发和造型 |
| 布局 | 滑动或褪色效果 | 旋转木马或覆盖流 |
| 导航 | 箭头、点或两者兼而有之 | 箭头、点、分数、进度条或滚动条 |
| 灯箱 | 是的 | 否 |
Image Carousel 用于一个共享链接或没有共享链接的快速条形徽标。当每个徽标需要自己的链接、悬停内容或工具提示时,使用徽标滑块。两个小部件都没有灰度设置,因此如果您想要转向颜色的灰色徽标,请添加带有自定义 CSS 的 CSS 过滤器。对于连续滚动条形,请参阅 元素大帐篷指南对于照片滑块,使用 图片旋转木马 小部件。
Logo 滑块的常见问题
Logo 滑块小部件免费吗?
是的。徽标滑块位于免费的 Master Addons 插件中,其中包含所有悬停、工具提示、旋转木马和导航设置。
每个标志都可以链接到该品牌的网站吗?
Yes。logo项目都有自己的链接字段。使用链接选项在新选项卡中打开它或添加nofollow。
Logo转盘响应式吗?
是。每列幻灯片和向滚动的幻灯片可以单独设置为桌面、平板电脑和移动设备,并且可以在移动设备上隐藏箭头。
如何停止自动播放?
在轮播设置中,关闭自动播放,如果保持打开状态,请以毫秒为单位设置自动播放速度,然后打开悬停暂停。
我可以在手机上隐藏导航箭头吗?
是。导航部分,打开移动端隐藏箭头。
悬停后徽标可以从灰度变为颜色吗?
没有灰度开关,您可以使用图像悬停选项上传灰色客户端徽标和彩色悬停徽标图像,或使用自定义 CSS 添加 CSS 灰度过滤器。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
