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

举报
建站小哥 发表于 2019/04/04 15:46:48 2019/04/04
【摘要】 在开始前,需要说明一点,PC站和手机站的编辑是分离的,即PC站的页面编辑后,不会自动同步到手机站,如果手机站也需要PC站相同的编辑效果,是需要给手机站进行同样的编辑设置才可以的。本文是以未购买PC+手机的配套精美模板为前提,如果购买了配套模板,安装使用精美模板后,PC站和手机站页面内容是相匹配的,就不需要使用一键生成手机页面了。注:手机站页面编辑方法与PC端一致,虽然帮助文档是以PC端为例子...

在开始前,需要说明一点,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


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。