【云速建站】一键生成手机页

【摘要】在开始前,需要说明一点,PC站和手机站的编辑是分离的,即PC站的页面编辑后,不会自动同步到手机站,如果手机站也需要PC站相同的编辑效果,是需要给手机站进行同样的编辑设置才可以的。本文是以未购买PC+手机的配套精美模板为前提,如果购买了配套模板,安装使用精美模板后,PC站和手机站页面内容是相匹配的,就不需要使用一键生成手机页面了。

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

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

1.png

手机站页面展示

2.png

1.1      一键生成手机页面

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

3.png

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

4.png

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

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

5.png

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

6.png

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

7.png

也可以生成手机页

8.png

1.2      生成手机页的规则

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

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


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

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

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

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

1.3      支持转化的页面插件

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

1.4      常见问题

1.4.1        使用一键生成手机页面了,访问手机站时,还是看到原来的页面

这是因为没有把一键生成的那个首页设置为手机站的首页

如下图所示,如果对首页进行多次一键生成手机页面,这里选择生成新页面的话,在手机站会存在多个叫做“首页”的页面

9.png

11.png

这里如果没有把一键生成的首页设置为手机站的首页,访问时依然会看到原来的那个页面了。

解决方法就是设置首页啦,如下

选择生成的首页,点击其后的属性按钮(鼠标移至页面处会显示)

12.png

开启首页设置项

13.png

这时访问手机站就可以看到从PC生成过来的那个页面内容了。

1.4.2        一键生成的页面插件是乱的,和PC的排版不一致

请参考1.2生成规则的第5点

1.4.3        一键生成的页面少了插件,PC端是有的

遇到这种情况,先通览一遍页面,检查是否在页面的其他地方了;如果整个页面都找不到,请确认该插件是否不在转化的插件范围。转化插件请参考1.3。

云速建站之一键生成手机页面.pdf

 来源:华为云社区  作者:建站小哥

原文地址:https://www.cnblogs.com/2020-zhy-jzoj/p/13165720.html