如何使用Elementor的轮播评价功能
很多同学可能对轮播评价这几个字会感到有点迷惑,这究竟是个啥玩意?其实在Elementor编辑器中,它的本名叫做的Testimonial Carousel,翻译过来是见证轮播。Jack老师把它稍微修改了一下叫做轮播评价,也就是以轮播形式展现客户的评价!这样一来,相信同学们就能够很好的理解Testimonial Carousel这个功能元素的作用了。那么接下来,Jack老师就和同学们一起去学习 如何使用Elementor的轮播评价功能 。
第一步:将Elementor编辑器中的Testimonial Carousel功能元素添加到内容编辑区域
如上图所示,我们在左侧的Elementor编辑器中找到箭头1所指的“Testimonial Carousel”功能元素,然后按住鼠标左键不松开,慢慢的拖到上图箭头2所指的地方,也就是内容编辑版块中。注意在没有将Testimonial Carousel功能元素添加到内容编辑版块区域之前,内容编辑版块外面是一个灰色的虚线框,只有当出现了一个蓝色的虚线外边框之后才代表着我们已经成功的将Testimonial Carousel功能元素添加到了内容编辑版块中!
第二步:Elementor编辑器中的Testimonial Carousel元素主体功能配置
首先我们先来看主体功能中的Slides版块,系统默认给出了3个评价内容版块,我这里为了内容排版的对称,只留下了一个评价内容框,其他两个被我删掉了,因为三个内容框都是一样的。如果你觉得3个客户评价还不足以达到你的目的的话,那么多添加几个就可以了。
2.1、“Content”:指的就是内容的主体,也就是客户评价,同学们想要表现什么客户评价内容,那么在这里填入即可,注意评价的内容可信度啊,千万不要为了写评论而去写评论。客户都是人精,一眼就能看的出来评价内容的真实性的!如果你实在不知道该怎么写,可以看看Jack老师的这篇文章—《外贸自建网站如何写客户评价?》
2.2、“Image”:指的是写评价的客户的头像,有些同学会随意用谷歌图片去找一些老外的头像,Jack老师并不建议这么做。我推荐的办法是两种,一种就是胆大心狠型—去领英上找到你所在行业的知名企业管理人员或者老板的头像,把他的头像上传到这里的Image上面。然后把他的名字和职务也填写到上图中的“name”和“title”上。还有一种方法,也是在领英上找头像,但是名字和职务不要和头像匹配。
2.3、“Name”:指的是写评价的这个人的名字
2.4、“Title”:指的是写评价的这个人的工作职务
2.5、“Skin”:指的是客户评价的展现效果,有两种选择,一种是default也就是默认样式,一种是dubble样式。两者的区别在于:后者的样式中评论文字后面有背景颜色。
2.6、“Layout”:指的是文字内容与客户信息的相对排布位置,一共有5种具体效果
2.7、“Alignment”:指的是评价内容的文字对齐效果,有三种对齐样式:左对齐、居中对齐和右对齐
2.8、“Slides Per View”:指的是一个屏幕上出现几个客户评价,一般情况下建议单屏出现1个客户评价就够了,以免相互之间产生影响
2.9、“Slides to Scroll”:指的是当我们点击客户评价切换按钮的箭头的时候,在页面上一次性滑动过的内容数量,一般建议是1,如果同学们在slides per view上选择了2,那么这里也建议是2
2.10、“Width”:指的是单个客户评论的内容显示宽度
2.11、“Arrow”:指的是评论内容切换的按钮也就是箭头是不是要显示出来
2.12、“Pagination”:指的是客户评价的分页设置,有4种默认选项
2.13、“Transition Duration”:指的是客户评价内容自动轮播切换的过渡时间
2.14、“Autoplay”:指的是客户评价内容是否需要自动切换
2.15、“Autoplay Speed”:指的是客户评价内容自动轮播切换的速度,注意这里的autpplay speed是和上面的transition duration是有区别的
2.16、“Infinite Loop”:指的是客户评价内容自动切换是否执行无限循环的状态
2.17、“Pause on hover”:指的是当鼠标移动或者说悬停到客户评价内容上面的时候,自动播放功能会不会暂停下来的功能
2.18、“Pause on Interaction”:指的是当访客与客户评价内容进行点击或者产生交互行为的时候,自动循环播放的效果会不会暂停下来
2.19、“图像尺寸”:指的是客户的头像的显示大小
第三步:Elementor编辑器中的Testimonial Carousel元素样式功能配置
3.1、“Space Between”:指的是两个客户评价内容直接的间距,如果你在主体功能中设置了单屏只显示一个客户评价内容的话,那么这里的设置是不起作用的
3.2、“Background Color”:指的是整个客户评价内容的背景颜色
3.3、“Border Size”:指的是单个客户评价内容的外边框线粗细
3.4、“Border Radius”:指的是单个客户评价内容的外边框线4个直角的圆弧程度
3.5、“Border Color”:指的是单个客户评价内容的外边框线颜色
3.6、“Padding”:指的是单个客户评价内容和外边框线之间的间距
3.7、“Content Gap”:指的是客户评价内容和客户信息也就是头像、姓名这些内容之间的间距
3.8、“Text Color”:指的是客户评价的主体文字内容的颜色
3.9、“排版”:指的是客户评价的主体文字内容的排版效果
3.10、“Text Color”:指的是客户姓名的文字颜色
3.11、“排版”:太简单了,不解释
3.12、“Title”:这个和Name的内容是一样的,不解释了
3.13、“Image Size”:指的是写评价的这个客户的照片尺寸大小
3.14、“Gap”:指的是客户头像和客户姓名之间的间距
3.15、“Border radius”:指的是客户图像的圆弧程度,如果数字是0,那么就是方形
3.16、“Arrow Size”:指的是客户评价内容切换的按钮,也就是那个导航箭头的尺寸
3.17、“Arrow Color”:指的是导航箭头的颜色
3.18、“Pagination Size”:指的是分页项目的尺寸大小设置
3.19、“Pagination Color”:指的是分页项目的颜色设置
3.20、“Bubble background-color”:指的是客户评价正文内容的背景颜色
3.21、“Padding”:指的是客户评价正文内容和外边框线的间距
3.22、“Border Radius”:指的是客户评价正文内容的背景的4个直角的圆弧程度
3.23、“Border”:指的是客户评价正文内容背景是否需要添加外边框线(Jack老师个人觉得这个是有点多余了)
好了,以上就是本章关于 如何使用Elementor的轮播评价功能 的全部内容。轮播评价功能能够让访客对网站页面上的内容赋予更多的信任,消除一些自身的怀疑和警惕心理,这对于谷歌SEO优化来说是非常好的一个功能和项目。如果对本章内容还有不理解的地方,没关系,解决方案如下:
QQ:3233269705
QQ群:645296397
微信公众号:JACK SEO