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

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

Q：页面页头风格在手机端展示的不美观，可以调吗？

A：可以调。

Q：页面页头是指哪个区域呢？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三.组件优化

1.优化手机端页头，将已有手机端页头风格中的组件补全；   （2017-9-21优化）

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

（2）新增功能操作方法：

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

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

（2）操作方式：切换到手机端网站-》页头设置。

（3）选择新增的页头风格。

3.手机端页头新增更换背景色功能；（2019-5-23优化）

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

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

4、新增两种手机端页头风格；（2019-10-15优化）

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

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

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