如何使用Elementor的图像幻灯器功能

如何使用Elementor的图像幻灯器功能

如何使用Elementor的图像幻灯器功能

    图像幻灯器功能在我们日常的建站工作中经常会被运用到,而且在内容传达和页面呈现效果上也能够以较为生动的样式进行展现。那么接下来,Jack老师就和同学们一起来学习 如何使用Elementor的图像幻灯器功能 。

第一步:将Elementor编辑器的图像幻灯器功能元素添加到内容编辑区域

 

将Elementor的图像幻灯器元素添加到内容编辑区域

如上图所示,我们在左侧的Elementor编辑器中找到箭头1所指的“图像幻灯器”功能元素,然后按住鼠标左键不松开,慢慢的拖到上图箭头2所指的地方,也就是内容编辑版块中。注意在没有将“图像幻灯器”功能元素添加到内容编辑版块区域之前,内容编辑版块外面是一个灰色的虚线框,只有当出现了一个蓝色的虚线外边框之后才代表着我们已经成功的将“图像幻灯器”功能元素添加到了内容编辑版块中!

第二步:对Elementor的图像幻灯器元素主体功能进行设置

对图像幻灯器的主体功能设置1

2.1、“选择图像”:点击之后,我们可以在自己的网站媒体库或者本地电脑上传需要展现的图像(注意:这里只能是图像不能是视频)

2.2、“图像尺寸”:指的是上一步选择的图像需要展现的具体尺寸大小,系统默认是150*150px,我们可以选择系统预设的其他尺寸,也可以是自定义尺寸大小和完整尺寸大小

2.3、“幻灯片显示”:指的是同一屏或者说当前页面上展现几个图片,图片的展现数量选择区间是(1-10张)

2.4、“幻灯片滚动”:指的是当访客点击图像幻灯器的导航箭头的时候,一次性跳动几个图像进行展示

2.5、“图像拉伸”:如果是默认情况下,单屏展现多张图片,那么图片和图片之间是有空白间隔的,如果这时候我们选择“图像拉伸”为“是”的话,那么多张图片之间左右的空白间隔就消失了。

2.6、“导航”:指的是是否需要展现点击切换图像的导航箭头和圆点,当然也可以只选择箭头或者圆点,甚至是两者都不选择

2.7、“链接”:指的是当访客点击图像幻灯器上的图片之后是否需要跳转,注意这里因为是图像幻灯器所以可能有多个图像,但是不管点击这些图像中的哪一张都跳转到唯一一个对应的页面上!如果你不想进行页面跳转,那么你可以选择链接模式为媒体文件,这时候再点击该图片的话只会看到该图片的完整尺寸大小的原始图片了。

2.8、“字幕”:指的是在展现图像的同时是否出现对应的文字,系统预设了标题、字幕和描述三种选择,当然你也可以选择不展现字幕

 

图像幻灯器主体功能设置之其他选项

2.9、“自动播放”:指的是图像幻灯器的多个图片是否需要执行不断的轮播切换展现的效果

2.10、“暂停在盘旋”:指的是当我们在2.9中选择自动播放之后,如果鼠标悬停在图像幻灯片中的任意一张图像上,这时候图像幻灯片就不再自动播放了,直到鼠标移开才会自动播放

2.11、“暂停互动”:指的是当访客的鼠标与图像幻灯器中的图像进行互动的时候,自动播放功能就会先暂停播放了。

2.12、“自动播放速度”:指的是调整自动播放过程中各个图像切换的速度

2.13、“无限循环”:假设我们在图像幻灯器中插入了10张图像,如果选择了无限循环,那么当图片从1不断的切换到10的时候,又继续切换到1,否则当图片切换到10的时候就暂停了

2.14、“动画速度”:指的是动画的上一张和下一张切换的时候速度快慢

2.15、“方向”:指的是图像幻灯器中图像的切换方向,可以选择从左切换也可以选择从右切换

第三步:对Elementor的图像幻灯器元素样式功能进行设置

 

Elementor编辑器中图像幻灯器样式设置1

导航里面有箭头和圆点两个设置选项,因为他们的内容是一样的,所以Jack老师将这两个项目合并在一起进行讲解

3.1、“位置”:指的是箭头或者圆点这些导航设置,是出现在整个图像幻灯器的里面还是外面。(里面和外面的选择各有利弊,同学们自己去斟酌)

3.2、“尺寸”:指的就是导航功能的尺寸大小

3.3、“颜色”:指的是导航功能的具体显示颜色

 

Elementor编辑器中图像幻灯器样式设置2

3.4、“垂直对齐”:指的是图像幻灯器中图像的垂直对齐方式,当然了,如果你的图像已经全部填充完整了整个图像幻灯器,那么在这里无论怎么设置垂直对齐方式都是没有效果的

3.5、“间距”:指的是当一个屏幕上出现多张图片的时候,图片之间是会有间距的,以起到区分和间隔的效果,那么这里的间距就是对相邻两个图片之间的间隔大小调整

3.6、“边框类型”:指的是对图像幻灯器中的每一张图片设置一个外边框线,当然你也可以选择没有外边框线。如果你选择了出现外边框线,那么我们还可以对边框线颜色,粗细进行设置

3.7、“边框半径”:默认情况下,图片一半是四方形的,那么对应的4个边角都是直角。但是有时候为了页面展现效果,我们可能需要将4个直角设置为圆润,这时候我们就需要在边框半径中设置相应的数字进行调整,理论上可以将四方形的图片设置为圆形的

Elementor编辑器中图像幻灯器样式设置3

3.8、“字幕对齐方式”:很简单就是字幕相对于图像的水平对齐方式,有左对齐,居中对齐和右对齐,还有不常见的两端对齐4种水平对齐方式

3.9、“文本颜色”和“排版”:这两项样式设置就不多说了,基本上Elementor编辑器中涉及到文字部分的功能都有这两项样式的设置。因为Jack老师在之前的文章中已经将过很多次,这里不再赘述。

好了,以上就是本章关于 如何使用Elementor的图像幻灯器功能 的全部内容。图像幻灯器是外贸自建网站中经常会运用到的一项内容表现形式和手法,能够以图文搭配的形式,更生动灵活的介绍自己的产品和服务,突出表达某些产品的卖点和优势,能够对客户转化起到很好的作用。如果对本章内容还有不理解的地方,没关系,解决方案如下:

点击此处,查看更多外贸建站和谷歌SEO优化免费教程

QQ:3233269705

QQ群:645296397

微信公众号:JACK SEO

微信公众号二维码