网页设计【自适应网站-编辑网站横幅】功能效果及教程指引

一、功能效果

横幅作为首页的一扇窗户，是展示企业形象、宣传产品的头号手段，自适应模板中支持添加图片或视频作为横幅。

二、功能说明【版本】无版本限制

三、设置教程

1. 添加横幅-图片横幅

1.1 在网站设计页面左侧导航点击【设置-基础设置-基础组件】，勾选【网站横幅】功能后点击【设置】按钮。

1.2 在横幅面板中点击【+】添加横幅图片，支持从本地上传图片或从图片库中选择图片，添加完毕后再删除原有的模板横幅即可。

1.3 支持给横幅图片添加跳转链接，每张横幅图片都可以单独设置跳转链接。

1.4 支持三种横幅样式。

1.5 在【图片设置】中支持设置横幅大小、横幅图片缩放、轮播效果。

2. 添加横幅-视频横幅

2.1 点击【视频横幅】后可点击【更换】按钮进入添加视频横幅文件。

2.2 支持自定义横幅高度。

3. 开启独立横幅

3.1 鼠标停留在横幅上，在右上角点击【开启独立横幅】。开启后可以给每个页面独立添加横幅。

4. 手机视图

4.1 添加横幅

切换到手机视图后，点击横幅区域右上角的“编辑横幅”按钮，在“横幅面板--添加图片”中选择“自定义”，即可为手机视图添加独立横幅，添加后删除原有的模板横幅即可。

4.2 设置横幅链接

添加横幅后，在“横幅面板”中选中某一个横幅，即可为选中的横幅设置跳转链接。

4.3 编辑图片设置

支持自定义横幅大小、图片缩放、轮播效果。

5. 如何隐藏横幅

在设置中将【网站横幅】取消勾选即可隐藏横幅，如需展示重新勾选即可。

四、相关说明

自适应模板特殊情况：

① 横幅需要选择【默认】或者【填充】才可以完全适应各分辨率的，如果选择【不平铺】是会截断图片的

② 不能独立设置文章详情页面的横幅图片，

③ 自适应模板下添加视频横幅默认是没有声音，视频默认是只支持在电脑端展示的，手机视图下默认显示横幅图片，不支持视频横幅，

④ 自适应网站里面的系统页面，比如说系统自带的留言板页面等系统页面，在手机视图下目前是默认统一隐藏横幅的。

五、常见问题

Q：自适应网站，横幅尺寸有没有较低要求？

A：自适应网站里面的横幅是有做了小高度限制的，如果上传的图片高度小于200px，那么是无法正常缩放展示的，就会出现使用笔记本电脑访问的时候横幅图片显示不全的情况。