手機端頁頭風格可以調嗎？

一、針對“手機端頁頭風格”功能常見問題有哪些？

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優化）

【操作指導】進入“編輯網站”界面，點擊左上角將視圖切換至手機端，然後點擊頁頭的“設置”按鈕，如下圖所示：

進入手機端頁頭設置界面，選擇頁頭風格，勾選手機頁頭顯示的組件，點擊保存即可，如下圖所示：

【應用效果】如下圖所示：