zoukankan      html  css  js  c++  java
  • 【云速建站】底版的创建和使用

    【摘要】 建站底版可以节省相同的页面元素维护的工作量,设计一次多次使用。 更新了页面插件闪退或失效解决方法(主要针对从底版继承的插件失效问题)

    1.1 进入站点编辑界面  1.2 切换到底版管理  1.3 创建新底版  1.4 编辑底版  1.5 使用底版

    1.6 解决页面控件闪退或失效问题  1.7 注意事项  1.8 如何修改从底版继承过来的控件

    1.9 页脚配置及使用  1.9.1 页脚在哪  1.9.2 怎么添加控件到页脚中  1.9.3 怎么使用页脚

    云速建站可以使用底版减少页面相同部分的维护量,但是底版在使用上有需要注意的地方。下面介绍一下底版的创建和使用。

    1.1      进入站点编辑界面

    首先我们需要登录云速建站的控制台,跳转到后台管理-站点编辑

    截图1.PNG

    截图2.PNG

    1.2      切换到底版管理

    点击页面左上角的页面管理,可以看到页面管理右边出现底版管理,点击切换到底版管理

    截图3.PNG

    1.3     创建新底版

    创建新底版

    截图4.PNG

    截图5.PNG

    截图6.PNG

    1.4      编辑底版

    点击编辑demo,如下

    添加会员插件并设置样式

    1.png

    添加文本及购物车

    2.png

    添加导航栏并设置样式

    3.png

    截图7.PNG

    1.5      使用底版

    切回页面管理,创建一个demotest页面,底版选用demo

    截图8.PNG

    可以看到demo底版的内容都显示在demotest页中,并且内容都是置灰了的

    截图9.PNG

    1.6      解决页面控件闪退或失效问题

    一般来说页面选用底版后,不可随意修改该页面属于底版的内容,一旦解锁并修改后,修改的插件就会脱离底版,可能会导致插件失效或闪退。

    那么真的去修改了页面上底版的插件后导致插件闪退或失效,想要恢复原样也是有方法的,如下:

    页面中修改从底版继承过来的插件时,会出现下边的提示框,这时候点击解锁就会使插件脱离底版

    截图10.PNG

    此处以解锁图片编辑然后恢复举例,其他的插件失效、闪退问题解决方法是一样的。

    解锁了logo元素,该元素已脱离底版,变成高亮状态,可以进行编辑操作了

    截图11.PNG

    把logo删除

    截图12.PNG

    如果解锁的是导航栏,导致导航栏出现问题,需要把页面中添加的导航栏删除

    (解锁其他插件也是一样,需要把和底版重复的插件删除,按下列操作重新从底版继承)

    恢复底版步骤:

    1.     先到底版管理界面,查看当前是否存在2个或以上的底版,如果仅有一个底版,需要创建新底版。

    2.     在页面管理界面,打开需要恢复底版的页面的页面属性,选择其他的模板,保存

    3.     再次打开需要恢复底版的页面的页面属性,选择不使用底版,保存

    4.     再次打开需要恢复底版的页面的页面属性,选择原底版,保存。这时候如果还未能恢复原底版内容,重复2/3/4直到恢复为止

      (一般来说重复替换2-3次即可恢复)

    demotest页选用demo2底版

    截图14.PNG

    效果如下

    截图15.PNG

    再次选用底版demo

    截图16.PNG

    可以看到删除的logo已恢复

    截图17.PNG

    1.7      注意事项

    页面上哪些元素是从底版继承过来的,哪些是直接在该页面上添加的,这个需要在站点编辑界面查看,预览或是使用域名访问时是分辨不出来的。

    继承底版的元素有两个特点:

    1、从底版上继承过来的元素是置灰的,和直接添加的页面元素有着明显的区别。

    1.png

    2、页面直接添加的控件鼠标移到元素上会在元素左上角出现提示该元素是属于什么控件并且单击可以选中,控件四周明显出现一个边界,

    从底版继承的元素则不会

    显示所属控件类型

    2.png

    单击显示边框

    3.png

    1.8      如何修改从底版继承过来的控件

    我们修改遵循一个原则,哪个页面的内容需要修改就去哪个页面中进行改动。

    先按照1.6的方法,确认想修改的页面控件是否从底版继承过来的。如果是,则查看当前页面是使用的哪个底版

    4.png

    然后切换到底版管理,点击修改该底版即可。修改底版后保存,对应使用该底版的页面也会相应跟着修改的。

    1.9     页脚配置及使用

    1.9.1        页脚在哪

    在底版管理界面,点击页面最底部,出现如下图所示只有一个属性菜单的控件即为页脚

    11.png

    1.9.2        怎么添加控件到页脚中

    页面控件添加的方式一样,但是如果要把控件放置在页脚区域,需要额外多一步操作,即把该控件设置为页脚元素

    先往页面空白处添加一个图片控件

    12.png

    然后点击选中图片,点击图片的属性菜单,把该图片勾选为页脚元素

    13.png

    14.png

    把图片勾选为页脚元素后,才可以把图片拖到页脚区域,否则是拖不进去的

    15.png

    其他插件如果要添加到页脚区域,也是一样,需要在插件的属性设置中,把该插件勾选为页脚元素。

    1.9.3        怎么使用页脚

    在新创建页面时我们就可以设置该页面是否显示页脚,如果选择是,那么该页面就会显示页脚内容

    16.png

    如果是已经存在的页面,鼠标移至该页面上,点击页面的属性按钮,在页面属性中开启显示页脚即可

    17.png

    18.png

    开启后,关于我们这个页面就有页脚内容了

    19.png

    云速建站之底版创建和使用.pdf

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

  • 相关阅读:
    补题列表
    task list
    UVa 11809
    UVA 272 TEX Quotes 题解
    莱州一中2016高考加油视频
    POJ2367-Genealogical tree-拓扑排序
    POJ1094-Sorting It All Out-拓扑排序
    POJ3660-Permutations-传递闭包FLOYD
    POJ3687- Labeling Balls-优先队列拓扑排序
    POJ1201-Intervals- 差分约束
  • 原文地址:https://www.cnblogs.com/2020-zhy-jzoj/p/13165741.html
Copyright © 2011-2022 走看看