# 底版的编辑使用
底版的作用是在网站中会有一些每页都会重复出现的内容，可以把这些内容放在一个底版上。当添加一个新页面时可以加载这个底版，那这些重复出现的内容就不需要从头再去做了，比如像logo、banner、导航条、背景图等等。使用底版可以节省相同的页面元素维护的工作量，设计一次多次使用。
 #### 创建底版
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择已购买的站点，单击"网站设计"，进入后台管理界面，如[#cloudsite_01_4125/zh-cn_topic_0173157503_fig13924111065718]所示。
2. 单击"站点编辑"，进入站点编辑界面，如[图1]所示。
   
   图1站点编辑   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339687705.png)
   
   
3. 单击页面左上角的页面，出现页面管理和底版管理界面，如[图2]所示。
   
   图2页面管理   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339767941.png)
   
   
4. 单击底版管理，选择创建新底版，输入底版名称，创建一个底版，如[图3]所示。
   
   图3创建新底版   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287487990.png)
   
   
5. 单击右上角"保存"，底版创建成功。
 
#### 编辑底版
![](https://support.huaweicloud.com/usermanual-cloudsite/public_sys-resources/note_3.0-zh-cn.png)
底版编辑方法和网站的编辑方法一样，此处以添加几个控件为例，创建一个简单的底版。
1. 在站点编辑界面，单击左上角的页面，出现底版管理，选择在[创建底版]中创建的底版"test"，如[图4]所示。
   
   图4选择底版   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287328058.png)
   
   
2. 编辑底版，添加导航栏，如[图5]所示。
   
   图5添加导航栏   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001340007801.png)
   
   
3. 添加通栏并编辑，如[图6]所示。
   
   图6添加通栏   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287647946.png)
   
   
4. 添加图片、文本等，如[图7]所示。
   
   图7添加图文   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339887273.png)
   
   
5. 添加完以后，单击右上角保存。预览效果如[图8]所示。
   
   图8页面预览   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287807570.png)
   
   
 
#### 使用底版
底版编辑完成以后，在创建新页面时即可选择使用该底版，并可以在该底版基础上进行编辑修改页面。
1. 单击左上角页面，选择页面管理，选择创建新页面。如[图9]所示。
   
   图9创建新页面   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339687717.png)
   
   
2. 选择使用之前创建的底版"test"，如[图10]所示。
   
   图10选择底版   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339767945.png)
   
   
3. 单击页面左上角的页面管理，打开刚创建的"简介"页面，如[图11]所示。
   
   图11打开页面   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287487994.png)
   
   
4. 进入简介页面，此时底版部分置灰了。对页面进行编辑，如需要可以对底版进行编辑，或者对底版的某一个模块解锁进行编辑，如[图12]所示。
   
   图12编辑底版   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287328066.png)
   
   
5. 编辑完成后单击右上角"保存"。 
   ![](https://support.huaweicloud.com/usermanual-cloudsite/public_sys-resources/note_3.0-zh-cn.png)
   一般来说页面选用底版后，不可随意修改该页面属于底版的内容，一旦解锁并修改后，修改的插件就会脱离底版，可能会导致插件失效或闪退。