【摘要】在開始前，需要說明一點，PC站和手機站的編輯是分離的，即PC站的頁面編輯后，不會自動同步到手機站，如果手機站也需要PC站相同的編輯效果，是需要給手機站進行同樣的編輯設(shè)置才可以的。本文是以未購買PC+手機的配套精美模板為前提，如果購買了配套模板，安裝使用精美模板后，PC站和手機站頁面內(nèi)容是相匹配的，就不需要使用一鍵生成手機頁面了。

注：手機站頁面編輯方法與PC端一致，雖然幫助文檔是以PC端為例子的，手機端編輯問題可以直接參照幫助文檔。

如下圖所所示，目前已經(jīng)編輯了PC站

手機站頁面展示

1.1??????一鍵生成手機頁面

一鍵生成手機頁面有兩種操作方法，一個就是雙擊手機圖標(biāo)

這是第一次使用一鍵生成手機頁面的提示，此時生成的頁面會包括所使用的底版。（注：每個頁面僅第一次生成時會包含頁面所使的底版，之后如果再重新生成該頁面是不包含底版的）

點擊跳過會進入手機站編輯界面，不生成手機頁

我們點擊生成按鈕，可以看到生成完成后，自動切換到手機站并且顯示生成的頁面，這里我們生成的是首頁。頁面中的控件顯示暗淡，是因為這個首頁是第一次生成，系統(tǒng)把首頁使用的底版也生成到手機站了，所以這些顯示暗淡的表明是底版元素。

把頁面往下拉就可以看到非底版元素了。

還有一個方法就是展開頁面管理，在頁面的操作菜單中，點擊一鍵生成手機頁

也可以生成手機頁

1.2??????生成手機頁的規(guī)則

一鍵生成手機版，PC的插件將生成對應(yīng)的手機插件，如果是手機中沒有的樣式，將生成該手機插件的第一個默認(rèn)樣式。手機中的布局將根據(jù)自主研發(fā)的算法來生成：

含"底版"的PC頁面在一鍵生成手機版時的規(guī)則如下：

1.?自動復(fù)制一個該PC頁面繼承的“底版”為手機底版（僅限第一次“一鍵生成”時生效）
2.?視所有底版元素為一個整體并優(yōu)先對其進行排版，頁面中其它普通元素緊挨著它后面排列

3. PC版插件設(shè)置好背景，字體顏色等樣式之后，點擊一鍵生成手機版，手機版插件將會繼承pc設(shè)置的樣式

4. PC版插件設(shè)置的鏈接不會被手機版插件繼承，即插件雖然是轉(zhuǎn)化為手機版插件，但是配置的跳轉(zhuǎn)鏈接需要在手機版插件中手動維護添加的。

5.?因為轉(zhuǎn)化時是按照特定算法進行布局的，再加上底版和不支持轉(zhuǎn)化的插件影響，生成的手機頁面插件的排版是亂序的，需要自己手動調(diào)整，重新排版插件布局。

1.3??????支持轉(zhuǎn)化的頁面插件

圖片、文本、文章、產(chǎn)品、會員登錄、多語言、容器、按鈕?線條、形狀、百度地圖、在線客服、站內(nèi)搜索（頁腳中的模塊不會被轉(zhuǎn)換即頁腳中的元素不會生成到手機頁面），除了上述插件外，其他插件都不會轉(zhuǎn)化。舉個栗子：PC端頁面添加了一個圖文插件，在一鍵生成手機頁面時，圖文插件不轉(zhuǎn)化，在圖文插件的位置會以空白代替。

1.4?? ? ?常見問題

1.4.1????????使用一鍵生成手機頁面了，訪問手機站時，還是看到原來的頁面

這是因為沒有把一鍵生成的那個首頁設(shè)置為手機站的首頁

如下圖所示，如果對首頁進行多次一鍵生成手機頁面，這里選擇生成新頁面的話，在手機站會存在多個叫做“首頁”的頁面

這里如果沒有把一鍵生成的首頁設(shè)置為手機站的首頁，訪問時依然會看到原來的那個頁面了。

解決方法就是設(shè)置首頁啦，如下

選擇生成的首頁，點擊其后的屬性按鈕（鼠標(biāo)移至頁面處會顯示）

開啟首頁設(shè)置項

這時訪問手機站就可以看到從PC生成過來的那個頁面內(nèi)容了。

1.4.2????????一鍵生成的頁面插件是亂的，和PC的排版不一致

請參考1.2生成規(guī)則的第5點

1.4.3????????一鍵生成的頁面少了插件，PC端是有的

遇到這種情況，先通覽一遍頁面，檢查是否在頁面的其他地方了；如果整個頁面都找不到，請確認(rèn)該插件是否不在轉(zhuǎn)化的插件范圍。轉(zhuǎn)化插件請參考1.3。

云速建站之一鍵生成手機頁面.pdf

?來源：華為云社區(qū) ?作者：建站小哥

總結(jié)

以上是生活随笔為你收集整理的【云速建站】一键生成手机页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。