生成手机版详细说明

【摘要】 在开始前，需要说明一点，PC站和手机站的编辑是分离的，即PC站的页面编辑后，不会自动同步到手机站，如果手机站也需要PC站相同的编辑效果，是需要给手机站进行同样的编辑设置才可以的。本文是以未购买PC+手机的配套精美模板为前提，如果购买了配套模板，安装使用精美模板后，PC站和手机站页面布局风格内容等是相匹配的，不需要使用一键生成手机页面，直接到手机端编辑界面，将模板中的内容进行与PC网站同样的编辑设置，修改替换为需要的内容即可。

注：手机站页面编辑方法与PC端一致，虽然帮助文档是以PC端为例子...

在开始前，需要说明一点，PC站和手机站的编辑是分离的，即PC站的页面编辑后，不会自动同步到手机站，如果手机站也需要PC站相同的编辑效果，是需要给手机站进行同样的编辑设置才可以的。本文是以未购买PC+手机的配套精美模板为前提，如果购买了配套模板，安装使用精美模板后，PC站和手机站页面布局风格内容等是相匹配的，不需要使用一键生成手机页面，直接到手机端编辑界面，将模板中的内容进行与PC网站同样的编辑设置，修改替换为需要的内容即可。

注：手机站页面编辑方法与PC端一致，虽然帮助文档是以PC端为例子的，手机端编辑问题可以直接参照帮助文档。

如下图所所示，目前已经编辑了PC站

手机站页面展示

1.1      一键生成手机页面

一键生成手机页面有两种操作方法，一个就是双击手机图标

这是第一次使用一键生成手机页面的提示，此时生成的页面会包括所使用的底版。（注：每个页面仅第一次生成时会包含页面所使的底版，之后如果再重新生成该页面是不包含底版的）

点击跳过会进入手机站编辑界面，不生成手机页

我们点击生成按钮，可以看到生成完成后，自动切换到手机站并且显示生成的页面，这里我们生成的是首页。页面中的控件显示暗淡，是因为这个首页是第一次生成，系统把首页使用的底版也生成到手机站了，所以这些显示暗淡的表明是底版元素。

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

还有一个方法就是展开页面管理，在页面的操作菜单中，点击一键生成手机页

也可以生成手机页

1.2      生成手机页的规则

一键生成手机版，PC的插件将生成对应的手机插件，如果是手机中没有的样式，将生成该手机插件的第一个默认样式。手机中的布局将根据自主研发的算法来生成：

含"底版"的PC页面在一键生成手机版时的规则如下：

1. 自动复制一个该PC页面继承的“底版”为手机底版（仅限第一次“一键生成”时生效）
2. 视所有底版元素为一个整体并优先对其进行排版，页面中其它普通元素紧挨着它后面排列

3. PC版插件设置好背景，字体颜色等样式之后，点击一键生成手机版，手机版插件将会继承pc设置的样式

4. PC版插件设置的链接不会被手机版插件继承，即插件虽然是转化为手机版插件，但是配置的跳转链接需要在手机版插件中手动维护添加的。

5. 因为转化时是按照特定算法进行布局的，再加上底版和不支持转化的插件影响，生成的手机页面插件的排版是乱序的，需要自己手动调整，重新排版插件布局。

1.3      支持转化的页面插件

图片、文本、文章、产品、会员登录、多语言、容器、按钮 线条、形状、百度地图、在线客服、站内搜索（页脚中的模块不会被转换即页脚中的元素不会生成到手机页面），除了上述插件外，其他插件都不会转化。举个栗子：PC端页面添加了一个图文插件，在一键生成手机页面时，图文插件不转化，在图文插件的位置会以空白代替。

1.4      常见问题
1.4.1        使用一键生成手机页面了，访问手机站时，还是看到原来的页面
这是因为没有把一键生成的那个首页设置为手机站的首页
如下图所示，如果对首页进行多次一键生成手机页面，这里选择生成新页面的话，在手机站会存在多个叫做“首页”的页面

这里如果没有把一键生成的首页设置为手机站的首页，访问时依然会看到原来的那个页面了。
解决方法就是设置首页啦，如下
选择生成的首页，点击其后的属性按钮（鼠标移至页面处会显示）

开启首页设置项

这时访问手机站就可以看到从PC生成过来的那个页面内容了。
1.4.2        一键生成的页面插件是乱的，和PC的排版不一致
请参考1.2生成规则的第5点
1.4.3        一键生成的页面少了插件，PC端是有的
遇到这种情况，先通览一遍页面，检查是否在页面的其他地方了；如果整个页面都找不到，请确认该插件是否不在转化的插件范围。转化插件请参考1.3。