跳到正文
建站平台
可视化编辑

使用容器与分栏组织嵌套布局

先搭建容器、分栏和内部组件,再检查电脑与手机的排列,避免组件添加到错误的层级。

本文目录
  1. 开始前确认
  2. 操作步骤
  3. 保存后核验与常见问题

开始前确认

请先登录自己的账号,确认当前网站名称与所属客户,再执行以下操作。

操作步骤

  1. 进入需要修改的页面或公共区域,在“组件”中添加“容器”或“分栏”。
  2. 在画布或“层级”中选中刚添加的容器,确认右侧显示的确实是该容器设置。
  3. 保持容器被选中,再从组件库添加图片、标题或文本,新的组件会进入选中的容器内部。
  4. 需要并排图文时使用分栏,在各栏放入对应组件;在“样式”的“分栏比例”中可选“等宽”“左侧栏 + 正文”或“正文 + 右侧栏”,再调整栏间距和边距。
  5. 切换“手机”画布检查是否需要单栏排列,必要时在手机设备下设置栏数或间距覆盖。
  6. 保存草稿后打开预览,检查层级、留白和阅读顺序,再决定是否发布。

保存后核验与常见问题

  • 选中普通内容组件和选中容器时,新增组件的落点可能不同。
  • 嵌套深度和组件总数有上限,复杂页面应先简化布局再继续添加。

完成操作后,回读已保存内容,并检查预览效果。

前往工作台 →