如何使用幻灯片组件?

浏览数量:242     作者:本站编辑     发布时间: 2015-11-27      来源:本站


一、什么是幻灯片组件?


幻灯片组件是一个展示单张图片或轮播展示多张图片的模块,幻灯片组件一般应用在首页的导航下方,用多张图片轮播的方式凸显公司的核心竞争力,图片上可以展示公司形象、公司价值观和口号、核心产品、核心竞争力等信息,幻灯片组件一般建议放3~5张同样尺寸大小的图片,每张图片上可以加超链接链到与该图片相关联的页面。图片建议的尺寸:首页全屏图片宽与高的尺寸:1920px*450px(450px~650px)、200k以内,首页非全屏图片:1920px*400px(400~650)、200K以内,内页小图片 :1920px*200px(180~220)。如何查看网页上图片的大小?网站上其它图片的建议尺寸



二、如何使用幻灯片组件?


1、如何查看幻灯片组件是否已经存在?

如果这个幻灯片组件已经存在了,就不需要再添加,直接根据需要进行相关操作就可以(具体操作见下文所述);

如果你的页面上需要这个组件,但是还没有添加,就需要先添加幻灯片组件了;怎么判断页面上有没有这个组件?单击查看如何查看某一块内容是使用什么组件制作的?


2、如何添加幻灯片组件?

在页面上添加组件的方法都是一样的,单击查看如何添加组件?

添加的组件名称为“幻灯片”,如下图1所示:

图1:

幻灯片组件.png



3、如何设置幻灯片组件?


3.1 进入组件的“设置”分两种场景

1)此组件已经添加好的场景:进入所有这类组件设置项方法都是一样的,可以参考这个攻略:如何进入组件的设置项?

2)新添加的组件的场景:在添加此组件时会弹出这个组件的的设置话框。


3.2 在组件的设置中可以设置组件展示的内容(如图2)

组件标题:根据需要决定填写或不填写,不填写不显示也不占位置;

添加图片:在此处可以添加需要展示的图片,首次添加的图片需要单击“本地上传”按钮从自己电脑上上传,之前添加过的图片可以通过“本地上传”按钮或“从资料库选择”按钮来上传图片,之前上传过的图片默认会在资料库中保存一份(单击查看如何使用资料库?);添加好的图片会显示在“本地上传”、“从资料库选择”按钮下方,此处图片的顺序即为图片轮播的顺序,用鼠标左键单击图片可以拖动调整图片的排序;单击每张图片左下角的“编辑”按钮,弹出图片Alt属性输入框以及图片链接:

图片ALT属性:即图像无法显示时的替代文本,同时搜索引擎(像谷歌、百度等)不识别图片但可以识别图片Alt属性,因此填写图片Alt属性对网站优化有好处;

图片链接:如果单击图片需要跳转到其它相关页面,可以给此图片添加超链接,单击小链子按钮可以给图片设置链接,单击查看链接类型介绍,如果不需要给图片设置链接,此处不需要设置,空着就可以。

图片尺寸:有些图片不适合了,需要撤掉换新的图片了,图片尺寸要做成多的呢,在图片下方有一个“原始尺寸”,新图片直接按照这个原始尺寸大小制作就可以;

图2:

设置组件内容.png



3.3 在组件的设置中可以设置组件的高级功能(如图3)

幻灯片组件支持自定义Pad端图片和手机端图片。意思是说:如果您目前显示在PC上的图片,不适合展示在PAD或手机端或者展示出来不好看,可以单独制作适合PAD或手机端的图片。

设置Pad端图片:支持同PC端一样,也支持自定义,如果自定义,支持编辑图片Alt属性和给图片加超链接,详细操作步骤可以参考上述3.2中的介绍;

设置手机端图片:支持同PC端一样,也支持自定义,如果自定义,支持编辑图片Alt属性和给图片加超链接,详细操作步骤可以参考上述3.2中的介绍;

图3:

高级.png



3.4 在组件的设置中可以设置组件的风格(如图4)

幻灯片展示风格:有丰富多样的展示风格供用户选择;

设置每页幻灯片播放时长:支持设置每页幻灯片的播放时长;

手机端缩放比例:图片支持在手机端等比压缩,也支持自定义缩放比例;

设置当前风格自定义配色:选择第7、8种展示风格时,支持自定义配色。

风格.jpg



3.5 在组件的设置中可以设置组件的特效(如图5)

选择图片切换特效:选择前五种风格的其中一种,支持设置图片切换特效。

图5:

特效.png



3.6 保存组件设置中的内容

组件的内容、高级功能、风格、特效设置好以后,单击设置框右下角的“保存”按钮;

保存设置的内容.png



4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮,目的是把此修改保存到网站后台;

然后可以单击“预览”按钮查看不同终端下展示的效果,如果不合适可以到后台再做修改;

如果需要让访客也看到,请单击页面右上角的“发布”按钮,发布之后稍等两分钟左右即可看网站前台展示效果。

保存预览发布.png


根据需要还可以对这个组件做以下操作,具体请单击以下链接了解。


5、单击查看如何编辑组件的样式

组件的“编辑样式”功能主要可以编辑此组件的以下内容:组件背景、组件边框、组件边距、文字字号、颜色等,根据需求选择使用;

组件的“编辑样式”功能操作入口:所有组件的“编辑样式”功能操作入口都是一样的,具体操作方法请单击查看如何编辑组件的样式


6、单击查看如何应用组件?

通过组件的“应用组件”功能,可以将当前页面的组件应用到其他页面上,因为原理上它们是同一个组件,所以在任何被应用到的页面上编辑/删除组件时,被应用的页面会一起变化,这个是“应用组件”和“复制组件”最本质的区别。此功能经常用于面包屑导航、产品分类组件、文章分类组件等。被应用过去的组件会出现在页面的最底端,可以用鼠标左键按住组件名称拖动到需要的位置;

组件的“应用组件”功能操作入口:所有组件的“应用组件”功能操作入口都是一样的,具体操作方法请单击查看如何应用组件?


7、单击查看如何删除组件?

如果确定不需要这个组件了,可以通过“删除组件”按钮把此组件删除掉,被删除的组件会默认放到组件回收站中。

组件的“删除组件”功能操作入口:所有组件的“删除组件”功能操作入口都是一样的,具体操作方法请单击查看如何删除组件?


8、单击查看如何恢复组件?

如果需要恢复已经删除的组件,可以到组件回收站中,找到对应的组件,然后执行【还原】操作,即可恢复此组件到原有的页面上,通常会位于页面的最底端。

恢复组件的操作入口:所有组件的恢复功能操作入口都是一样的,具体请单击查看如何恢复组件?



三.组件优化

1.幻灯片组件新增一个风格;      (2017-11-23优化)

 (1)新增风格应用场景:新增的风格突出下方的幻灯片切换,取消了两侧的幻灯片切换按钮,解决了快速联系组件遮挡切换幻灯片的问题;

 (2)新增风格的操作方法:

QQ图片20180509162023


(3)新增风格应用效果:

QQ图片20180509162709


2、“幻灯片”组件新增切换风格(2019-9-17优化)

【应用场景】“幻灯片”组件新增切换风格,用户可以编辑其切换箭头的颜色及背景色,以满足在不同场景下的应用。

【操作指导】进入“编辑网站”界面,选择“添加组件”-“基础组件”-“幻灯片”,在“风格”页签中选择如下切换风格,并可在下方自定义箭头颜色、背景颜色,操作如下图所示:

4

【应用效果】鼠标悬停后显示左右切换箭头,点击按钮实现切换效果,如下图所示:

5




 产品与服务
建站流程
热搜标签
找不到你的问题?

立即行动,通过领动建站获取更多客户

留下您的联系方式,专属顾问会尽快联系您

表单名称

B2B营销型网站

外贸网站精准营销

售后服务

行业资讯

电话  :400-6130-885

邮箱 :cservice@leadong.com

地址 :南京江北新区浦泗路8-2号

金融创新广场5楼

    

Leadong   版权所有  2020 南京焦点领动云计算技术有限公司   备案证书号: 苏ICP备17012459号-2 隐私报告 | 法律声明 
今日最后14个免费网站测评