网站模板 | 营销模板分类
  • 网站模板
    微信微网站模板
    自适应网站模板
    学校、教育、培训机构
    IT、软件、互联网
    化工、原材料、环保
    建筑建材、能源、科技
    运输、房产、物业管理
    金融、投资、理财保险
    工商、法律、知识产权
    休闲、娱乐、生活服务
    服装饰品、鞋帽箱包
    医疗、保健、医药仪器
    装修、装饰、室内设计
    更多企业网站模板
  • 商城模板
    电商商城模板
    小程序模板
    微商城模板
    服装、饰品、个人护理
    餐饮、酒店、生活服务
    网络教学、培训、图书
    百货、综合电商
    手机数码、家居办公
    茶叶酒类、食品饮料
    五金建材、机械设备
    医疗、医药保健品
    农产品、花卉
    优惠商城模板
    外贸商城模板
    更多商城模板
  • H5游戏互动营销模板
    H5互动游戏模板
    H5节日互动游戏模板
    H5商业促销游戏模板
    H5抽奖活动互动
    H5助力活动互动
    H5投票活动
    H5签到活动互动游戏模板
    更多H5游戏模板
  • H5营销微传单模板
    H5长页面微传单
    H5表单微传单
    H5节日热点微传单
    H5节日促销微传单
    H5邀请函微传单
    H5招聘微传单
    H5企业宣传微传单
    H5招生微传单模板
    H5校园生活微传单
  • 高端定制建站
    案例展示
3m4.cn |  专注H5网站建设、模板快速建站19年
建站咨询:010-62199213/13910505354

【自适应模板】如何编辑网站横幅?

 二维码 33
发表时间:2020-11-19 15:44

本文内容结构如下图



一、使用横幅能实现什么效果?


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



二、电脑视图下如何添加并编辑横幅?


电脑视图下支持添加图片或视频作为横幅,接下来将分别介绍“图片横幅”和“视频横幅”的相关设置方法。(下图为此部分内容结构)


2.1、图片横幅

2.1.1、添加横幅

>>情况1:为各个页面添加独立横幅

进入网站设计页面后,首先查看您的横幅是否为独立横幅状态,如显示“取消独立横幅”字样,则证明当前页面的横幅为独立横幅。


然后点击横幅区域右上角的“编辑横幅”按钮,在“横幅面板--图片横幅”中点击“添加图片”,支持从本地上传图片或从图片库中选择图片。添加完毕后再删除原有的模板横幅即可,如下图。


>>情况2:为全站添加统一横幅

如需为全站添加统一横幅,则首先需要确认当前网站中的所有页面的横幅都不是独立横幅状态,即所有页面横幅均需显示“开启独立横幅”字样,如下图。


此时再点击横幅区域右上角的“编辑横幅”按钮,在“横幅面板--图片横幅”中点击“添加图片”,添加完毕后删除原有的模板横幅即可,如下图。添加后全站各页面会显示统一横幅。


2.1.2、设置横幅链接

添加横幅后,在“横幅面板--图片横幅”中选中某一个横幅,即可为选中的横幅设置跳转链接,如下图。


2.1.3、编辑横幅样式

支持3种横幅样式,效果如下图。


2.1.4、编辑图片设置

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


2.2、视频横幅

2.2.1、添加横幅

注意:视频横幅同样可作为独立横幅或全站横幅,设置方法与图片横幅类似,此处不再赘述。

点击横幅区域右上角的“编辑横幅”按钮,在“横幅面板--视频横幅”中点击“更换”按钮,即可上传本地视频作为横幅,如下图。


2.2.2、编辑视频设置

支持自定义横幅高度,如下图。


三、手机视图下如何添加并编辑横幅?


3.1、添加横幅

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


3.2、设置横幅链接

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


3.2、编辑图片设置

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



四、如何隐藏横幅?


点击横幅区域右上角的“隐藏横幅”按钮,即可隐藏当前页面横幅,如需重新开启,则进入“设置--基础设置”中勾选“网站横幅”即可,如下图。


会员登录
登录
我的资料
留言
回到顶部