Website Builder如何设置选项 (section)
本文会展示Website Builder如何设置选项(section)。
想要在 网页添加新section,在Website Builder将鼠标滑到 + 按钮,选择 Add section*;或打开 Insert panel**,将section拖放网站位置。


Side bar settings:自定义section信息。
Full width: 设置section内容全屏宽度。如果关闭,宽度为 1120px。

Min height: 最小高度默认适于内容长度,您也可以设置一个固定高度。

Border: section边框,可调整厚度 (none/small/medium/large) - (无/小/中/大) 或自行填写厚度;设置颜色。如果不要有边框, Thickness 选 None,背景透明则 Color 选 Transparent。

Background: 设置背景色。

如果section要显图片,颜色调到 Transparent ,然后在 Image选项中上传图片。设置 position(位置), repeat style(重复), size(大小)。

Padding: 调整section边框和内容的距离。

Margin: (外边距)调整section周围的空间。

Quick bar setting 点击 Edit layout 设计布局。

点击 Add row 添加新行。

点击 Column 图标设置每列的布局,空间。

点击 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拖放网站位置。


Side bar settings:自定义section信息。
Full width: 设置section内容全屏宽度。如果关闭,宽度为 1120px。

Min height: 最小高度默认适于内容长度,您也可以设置一个固定高度。

Border: section边框,可调整厚度 (none/small/medium/large) - (无/小/中/大) 或自行填写厚度;设置颜色。如果不要有边框, Thickness 选 None,背景透明则 Color 选 Transparent。

Background: 设置背景色。

如果section要显图片,颜色调到 Transparent ,然后在 Image选项中上传图片。设置 position(位置), repeat style(重复), size(大小)。

Padding: 调整section边框和内容的距离。

Margin: (外边距)调整section周围的空间。

Quick bar setting 点击 Edit layout 设计布局。

点击 Add row 添加新行。

点击 Column 图标设置每列的布局,空间。

点击 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
谢谢!