WordPress知识分享

Elementor Testimonial Carousel(旋转推荐)如何设置?

Elementor Testimonial Carousel 意思是 旋转推荐,把多个客户评价以轮播形式展示在网页中。本文中魏艾斯笔记和大家分享如何在 Elementor 添加 Testimonial Carousel(旋转推荐)功能。

Elementor Testimonial Carousel(旋转推荐)效果展示
Elementor Testimonial Carousel(旋转推荐)效果展示
Elementor页面编辑器 点我直达 Elementor pro插件官网,快速建站,容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。 更多Elementor插件内容请看Elementor专题
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
SiteGround虚拟主机价格适中服务好!SiteGround专题

1、Testimonial Carousel元素显示

Testimonial Carousel元素要提前安装 ElementorElementor pro插件后,才能正常使用。

新建一个文章页/页面,从左侧元素栏搜索 Testimonial Carousel,拖拽到右侧编辑区域。

Elementor 搜索 Testimonial Carousel,拖拽到右侧编辑区域

2、Testimonial Carousel 元素参数

我们先来看左侧的【内容】,默认给了3个项目卡片,不够可以点击“新增项目”再添加。

  • content:用户评价。也就是用户对你产品、公司的评语。这个内容看你想给用户留下哪方面的印象,就写什么。注意分寸别太过了。
  • image:用户头像照片。可以去找找上下游、同行业网站上的人员图片充实一下。
  • 把名字和职务填入 name 和 title(可以与头像符合也可以不符合,总之真真假假就行)。项目2、项目3及更多项目卡都参考这么填写。还可以直接拖拽这三个项目卡片重新排序。
  • Skin:评语背景。default默认样式使用默认背景,dubble样式可以在 Style选项卡中设置背景颜色。
  • Layout:文字与评价者的相对位置,包括:image inline、stacked、above、left、right 等五种效果。
  • Alignment:文字对齐:左对齐、居中对齐和右对齐。
  • Slides Per View:一个屏幕展示几个客户评价,这个随便吧,1~3个都行,太多了也放不下。
  • Slides to Scroll:点击客户评价切换箭头(一左一右)时,页面一次滑过几个卡片。建议一个个切换。
  • Width:单个评论内容宽度。
Elementor Testimonial Carousel(旋转推荐)元素参数添加

additional options 额外设置

  • Arrow:是否显示评论内容切换箭头
  • Pagination:评价分页,4个选项,默认是小圆点,不想动来动去的选择none
  • Transition Duration:评价内容滑动移动之间的时间,毫秒单位
  • Autoplay:评价内容是否自动播放
  • Autoplay Speed:评价内容轮播滑动速度,毫秒单位
  • Infinite Loop:设置 YES 轮播会无限滑动
  • Pause on hover:设置为 YES 时鼠标悬停或单击轮播时暂停播放
  • Pause on Interaction:设置为 YES 时,访客与客户评价内容发生点击及交互行为,轮播效果暂停
  • Image Size:评价用户的头像大小,从缩略图到完整,或自定义
Elementor Testimonial Carousel(旋转推荐)元素 additional options 额外设置

Testimonial Carousel元素样式参数

包括slides、content、image、navigation、bubble等几部分,基本参数包括 color、padding、radius、border等等,都很好理解,就不详细说了。

编辑区域大概是下图这个样子的。

Testimonial Carousel元素编辑区域

3、总结

Elementor Testimonial Carousel(旋转推荐)功能是外贸网站常用功能,比较重要的是评价内容尽量真实,别太过,多看看同行、上下游的网站这部分内容都是怎么写的。你可以使用这部分内容合理的引导访客对你们公司、产品的印象。

赞(0)
文章名称:《Elementor Testimonial Carousel(旋转推荐)如何设置?》
文章链接:https://www.vpsss.net/27971.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。