先选中要调整的位置
进入目标前端的构建器,打开需要调整的页面,再选中页面区域或具体模块,查看对应的样式设置。开始前应确认自己具有该前端的构建器编辑和发布权限。
样式设置会随选中对象变化。区域的设置影响该区域,模块的设置影响该模块;不要把局部样式当作全站统一设置。
先调布局,再调外观
先检查内容区域的宽度和侧栏安排,再调整间距。通用样式按布局、外观、文字等分组组织,所选对象不支持的属性会隐藏。
| 设置 | 用途与注意事项 |
|---|---|
| 外边距 | 控制选中对象与周围内容的距离。区域级样式会隐藏左右外边距,不能假定每个位置都有四个方向可调。 |
| 内边距 | 控制内容与自身边界之间的距离。可按控件提供的上、右、下、左方向调整。 |
| 圆角、边框 | 调整容器边缘的外观,具体选项取决于当前选中对象。 |
| 文字样式 | 调整当前对象支持的文字属性。区域级设置会隐藏部分文字选项。 |
遇到灰色控件怎么办
先检查当前对象是否继承了设计来源。继承的设计可以锁定对应样式控件,此时应回到设计来源调整,或在支持的设置中改为独立配置。
没有出现某个控件,也可能是当前区域不支持该属性。控件被隐藏或锁定,与发布权限不足是不同情况,应分别检查。
按顺序修改和检查
- 确认当前前端、页面和选中对象,检查是否使用继承的设计。
- 先调整布局,再逐项调整内外边距、边框或文字样式。每次改动后查看预览。
- 检查桌面和手机宽度,留意文字是否换行、内容是否被裁切、两侧是否出现多余空白。
- 如果网站使用多种语言或明暗模式,分别检查较长文案和不同背景下的可读性。
- 保存并发布配置,再打开实际页面核对。
布局和样式调整不会改变文章正文、内容访问权限或分类所属前端。页面内容缺失时,应另外检查内容与权限配置。