打造自动滚动和无限循环效果的 Elementor 特效模板

打造自动滚动和无限循环效果的 Elementor 特效模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
打造自动滚动和无限循环效果的 Elementor 特效模板
此内容为付费阅读,请付费后查看
68.99
付费阅读
已售 287

在 Elementor 中实现自动滚动和无限循环的轮播效果,确保您的轮播可以连续平滑地滚动。这种循环轮播功能非常适合不间断地展示多张图片,让内容看起来自然流畅且极具吸引力。

例如,电商网站可以利用这个功能来展示新品推荐和热门商品,吸引用户的注意力;摄影作品集网站可以用它展示大量的作品,让访客自动浏览视觉内容而不需要手动操作;企业官网则可以通过轮播客户案例、合作伙伴或荣誉奖项来加深访客对企业的印象。

在本次演示中,我将向您展示如何通过 Elementor 设置循环轮播效果,来提升网站的用户体验。最后,我还会展示如何实现垂直方向的图片轮播效果,并确保这种轮播在各种设备上都保持良好的响应性。这个垂直循环轮播绝对让人眼前一亮,非常适合活动或旅游网站,通过展示活动照片或旅游景点来吸引用户。

这种轮播的自动滚动和无限循环功能,无论是在提升用户体验,还是在增强网站的视觉效果方面,都有着不可替代的作用。

演示地址:https://demo-show.361sale.com/elementor-effects-14

文件下载地址↓

点击获取下载文件后,你会得到一个文件。

图片[1]-Elementor 特效模板:实现自动滚动和无限循环轮播效果的最佳指南

请确保安装已经安装好Elementor免费版和Elementor Pro版。只有Elementor Pro版才有模版导入功能。

图片[2]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
图片[3]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

网站后端找到页面,点击添加新页面。如上图:

图片[4]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

启用Elementor编辑。如上图:

图片[5]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

点击添加旁边文件的图标,也就是模版。如上图:

图片[6]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

点击右上角的上传标志,然后点击选择文件,然后再在本地文件选择刚刚下载的文件。如上图:

图片[7]-Elementor 特效模板:实现自动滚动和无限循环轮播效果的最佳指南

然后回到我的模版,即可查看我们刚刚导入的模版,点击预览查看效果,然后再选择插入。如上图

导入完成后查看效果,有可能会出现页眉页脚,那就需要选择好对应的模版了。

图片[8]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

点击我们刚刚导入的模版的页面,然后点击编辑。如上图:

图片[9]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选择模版,选择elementor画布,选择这个是因为不显示页眉和页脚,只显示模版内容。如上图

图片[10]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

同时在使用elmentor编辑页面,选择站点设置,在选择布局。如上图:

图片[11]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

也要确保一样是Elementor画布模版。这样就不会有其他内容。如上图:

图片[12]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
图片[13]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
图片[14]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

请关闭标头和页脚里面的内容,点击后隐藏里面的内容,如上图:

最后保存,查看前端效果是否正常。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:jingwei
THE END
喜欢就支持一下吧
点赞1387 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容