Website Builder如何设置选项 (section)
本文会展示Website Builder如何设置选项(section)。
想要在 网页添加新section,在Website Builder将鼠标滑到 + 按钮,选择 Add section*;或打开 Insert panel**,将section拖放网站位置。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/15_cxzcec.png)
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/3_1b33wcp.gif)
Side bar settings:自定义section信息。
Full width: 设置section内容全屏宽度。如果关闭,宽度为 1120px。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/16_15cfh7y.png)
Min height: 最小高度默认适于内容长度,您也可以设置一个固定高度。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/17_huut31.png)
Border: section边框,可调整厚度 (none/small/medium/large) - (无/小/中/大) 或自行填写厚度;设置颜色。如果不要有边框, Thickness 选 None,背景透明则 Color 选 Transparent。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/18_19n18tm.png)
Background: 设置背景色。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/19_3aihv5.png)
如果section要显图片,颜色调到 Transparent ,然后在 Image选项中上传图片。设置 position(位置), repeat style(重复), size(大小)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/20_6q7sd1.png)
Padding: 调整section边框和内容的距离。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/21_1ii8w15.png)
Margin: (外边距)调整section周围的空间。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/22_1alop12.png)
Quick bar setting 点击 Edit layout 设计布局。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/23_1o7wdm3.png)
点击 Add row 添加新行。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/24_1kk8k35.png)
点击 Column 图标设置每列的布局,空间。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/25_lj4cmt.png)
点击 Save 保存。
了解Website Builder
如何使用Website Builder搭建网站
了解Website Builder的样式设置
Website Builder如何设置模块 (block)
ShopBase Creator如何保存颜色, 字体模板
ShopBase Creator如何保存section, block模板
ShopBase Creator如何保存页面模板
ShopBase Creator如何连接素材库
ShopBase Creator如何使用素材库
Web Builder 如何自定义页面模板
主要内容
想要在 网页添加新section,在Website Builder将鼠标滑到 + 按钮,选择 Add section*;或打开 Insert panel**,将section拖放网站位置。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/15_cxzcec.png)
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/3_1b33wcp.gif)
Side bar settings:自定义section信息。
Full width: 设置section内容全屏宽度。如果关闭,宽度为 1120px。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/16_15cfh7y.png)
Min height: 最小高度默认适于内容长度,您也可以设置一个固定高度。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/17_huut31.png)
Border: section边框,可调整厚度 (none/small/medium/large) - (无/小/中/大) 或自行填写厚度;设置颜色。如果不要有边框, Thickness 选 None,背景透明则 Color 选 Transparent。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/18_19n18tm.png)
Background: 设置背景色。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/19_3aihv5.png)
如果section要显图片,颜色调到 Transparent ,然后在 Image选项中上传图片。设置 position(位置), repeat style(重复), size(大小)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/20_6q7sd1.png)
Padding: 调整section边框和内容的距离。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/21_1ii8w15.png)
Margin: (外边距)调整section周围的空间。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/22_1alop12.png)
Quick bar setting 点击 Edit layout 设计布局。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/23_1o7wdm3.png)
点击 Add row 添加新行。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/24_1kk8k35.png)
点击 Column 图标设置每列的布局,空间。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/25_lj4cmt.png)
点击 Save 保存。
关联页面
了解Website Builder
如何使用Website Builder搭建网站
了解Website Builder的样式设置
Website Builder如何设置模块 (block)
ShopBase Creator如何保存颜色, 字体模板
ShopBase Creator如何保存section, block模板
ShopBase Creator如何保存页面模板
ShopBase Creator如何连接素材库
ShopBase Creator如何使用素材库
Web Builder 如何自定义页面模板
更新于: 03/01/2023
谢谢!