zoukankan      html  css  js  c++  java
  • 【云速建站】一键生成手机页

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

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

  • 相关阅读:
    POJ2376 Cleaning Shifts
    百度首页图标
    NOIP2016换教室
    CH3803扑克牌
    【POJ2723】Get Luffy Out
    【USACO13DEC】 最优挤奶
    【SP2916】Can you answer these queries V
    【线段树】各种模板集合
    【SCOI2013】摩托车交易
    【CF1174D】 Ehab and the Expected XOR Problem
  • 原文地址:https://www.cnblogs.com/2020-zhy-jzoj/p/13165720.html
Copyright © 2011-2022 走看看