# 模块设置
#### 操作场景
搭建网站可以通过套用模板或者直接添加模块调整位置来完成，模块支持自定义添加、删除，同时支持调整模块位置来达到更美观的效果。
目前电脑网站拥有六大类型模块。包括常用类型、基础类型、排版类型、产品类型、互动类型和高级类型。
图1模块编辑   
![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417225270.gif)
- 常用模块。文本、图片、按钮为网站常用模块，通过这三个模块可组合成多种好看的网站设计效果，将鼠标放置需要编辑的模块，即可编辑。
  图2常用模块   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417542990.png) 

- 基础类型。图文展示、列表多图、文章列表、轮播多图、吐槽目录、在线视频、栏目导航为网站基础模块，可用于展示网站图文、图片、文章、视频等基础信息，模块自带展示样式效果，可直接选择样式，无需重复排版。
  图3轮播多图   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417542406.gif) 
- 排版类型。自由容器、悬停容器、横/纵向标签、折叠标签、图标标签、手风琴、多列排版、通栏排版为网站排版模块。主要作用为辅助网站设计排版，可提供更灵活更好看的网站设计效果。
  图4手风琴效果   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001473313313.gif) 

- 产品类型。 产品展示、产品分类、商城导航、产品搜索组成网站展示产品的模块。合理地添加模块，可让用户体验感直线上升。
  图5产品展示、商城导航、产品搜索组合效果   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417384918.png) 

- 互动类型。通过互动模块，可提供给用户进行查询、反馈、分享、投票等行为活动。管理员可通过互动模块接收用户反馈，更好地调整运营方向。
  图6在线投票模块效果   
  ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001467381429.png) 
 
#### 添加模块
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择站点，单击"网站设计"，进入网站管理后台。
2. 单击"概况\>电脑网站\>去设计"。
   图7进入设计页面   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417222482.png) 
3. 进入电脑网站设计页面，选择左侧导航中的"模块"，单击"新增模块"一栏进行添加模块，如[图8]所示：
   图8新增模块   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417222566.png) 
4. 支持单击添加模块，单击添加模块会默认添加一个自由容器。
   图9添加模块   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001467219681.gif) 
5. 支持长按拖动模块到指定自由容器和拖动调整模块位置。
   图10调整模块位置   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417540998.gif) 
 
#### 管理模块
1. 如不需要显示的模块，可以单击![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001279782858.png)图标隐藏。
   图11隐藏模块   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417541250.png) 
2. 若需要对模块进行删除，可以在"模块\>栏目模块"中找到需要删除的模块，单击![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001286561760.png)图标删除。
   图12删除模块   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417224630.png) 
3. 除单个删除模块操作外，模块还可以批量删除，单击![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001286087760.png)按钮，批量选择模块进行删除。
   图13批量删除模块   
   ![](https://support.huaweicloud.com/adaptive-cloudsite/zh-cn_image_0000001417701566.png)