【云速建站】底版的创建和使用

举报
建站小哥 发表于 2018/12/06 15:45:20 2018/12/06
【摘要】 建站底版可以节省相同的页面元素维护的工作量,设计一次多次使用。 更新了页面插件闪退或失效解决方法(主要针对从底版继承的插件失效问题)

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


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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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