维看帮助中心

手机端页头风格可以调吗?

浏览数量: 414     作者: 本站编辑     发布时间: 2018-02-24      来源: 本站

一、针对“手机端页头风格”功能常见问题有哪些?


Q:页面页头风格在手机端展示的不美观,可以调吗?

A:可以调。


Q:页面页头是指哪个区域呢?

A:如下图所示,页面页头是指用橙色虚线框起来的区域,为突出显示我用蓝色实线框起来了。

页头区域.png


Q:手机端页头风格针对哪些组件起作用呢?

A:手机端页头风格只针对LOGO组件、产品搜索组件、高级导航组件起作用,如果页头中还有其它组件,这些组件是不展示的或展示空白提醒一下用户,公司LOGO要换成LOGO组件来实现而不要使用图片组件哦。



二、手机端页头风格功能介绍


2017年3月新增手机端页头风格切换功能,通过一键切换页头风格,让手机端的页头更美观结构更合理,以下截图逐一演示手机端页头风格:

【功能入口】将页面编辑窗口切换到“手机端”编辑,增加了一个“设置页头风格”的蓝色按钮,点击进入即可进入页头风格选择;

调整手机端页头风格的入口.jpg


【手机端页头 - 风格1】页头两行高度,第一行Logo组件居中显示;第二行导航在左产品搜索在右:

手机端页头风格1.jpg


【手机端页头 - 风格2】页头一行高度,Logo组件居左、导航组件居右

手机端页头风格2.jpg


【手机端页头 - 风格3】导航和Logo都在左边

手机端页头风格3.jpg


【手机端页头 - 风格4】页头一行高度,左边导航、中间Logo、右边产品搜索

手机端页头风格4.jpg


【手机端页头 - 风格5】页头一行高度,左边导航、中间Logo

手机端页头风格5.jpg


【手机端页头 - 风格6】页头两行高度,第一行:logo组件居中显示;第二行:导航在左、产品搜索在右

手机端页头风格6.jpg


【手机端页头 - 风格7】页头一行高度,白色底LOGO在左导航在右的风格;

第7套风格展示效果.png


风格7单击导航展示效果如下:

单击导航展示效果.png




三.组件优化


1.优化手机端页头,将已有手机端页头风格中的组件补全;   (2017-9-21优化)

(1)新增功能应用场景:将已有手机端页头风格中的组件补全,让PC端页头组件在手机端页头也会合理排版展示,可以根据实际需求选择部分隐藏组件;

(2)新增功能操作方法:

QQ图片20180515143828


2.新增一种手机端网站页头风格。  (2018-6-29优化)

(1)新增的页头风格可以直观地向访客展示网站导航,方便访客快速跳转到需要访问的页面。

(2)操作方式:切换到手机端网站-》页头设置。

页头更新1200

(3)选择新增的页头风格。

页头2 1200

3.手机端页头新增更换背景色功能;(2019-5-23优化)

【应用场景】在当今移动互联网的时代背景下,网页在手机端的打开频率越来越高,这就对手机端网页的可操作性、美观度提出了更高的要求。为此,我们在手机端的页头组件中新增了更换背景色的功能,用户可以从色板中选取背景色,以此改变原先移动端页头颜色单一的问题,使网页更加精致、美观。

【操作方法】在手机端网页的编辑界面中添加页头区块,在区块列表下方勾选“自定义”选框,再选择背景色并保存即可。

背景色

4、新增两种手机端页头风格;(2019-10-15优化)

【操作指导】进入“编辑网站”界面,点击左上角将视图切换至手机端,然后点击页头的“设置”按钮,如下图所示:

手机页头设置1


进入手机端页头设置界面,选择页头风格,勾选手机页头显示的组件,点击保存即可,如下图所示:

手机页头设置2


【应用效果】如下图所示:

手机页头设置8


建站流程

 找不到你的问题?
 135-6001-3420
 seoprixcom@gmail.com
 214227632
Facebook
Twitter
Google
LinkedIn
Instagram
维看云建站系统
专业外贸建站系统,为你打造一个适合谷歌优化的网站!
  • 客服QQ
    214227632
  • 微信手机
    135-6001-3420
  • 邮箱
    info@seoprix.com