配置模块通用外观和显示条件

08 页面构建器 / 08.02 模块与展示

先选中要调整的模块

打开目标网站的页面构建器，进入要修改的页面或模板，选中模块。先在「内容设置」中确定展示内容，再到「容器设置」调整模块外框。

不同模块提供的设置不同，以当前面板为准。开始前，确认你有该网站的构建器编辑和保存权限，并且模块需要的文章、图片或其他内容已经准备好。

调整间距、圆角和边框

设置	怎么使用
外边距	分别调整上、右、下、左四个方向，控制模块与周围内容的距离。
内边距	分别调整四个方向，控制内容与模块边缘之间的留白；不能设为负数。
圆角	分别设置左上、右上、左下、右下。需要统一圆角时，四个角填相同的值。
溢出隐藏	控制超出容器边界的内容是否被裁掉。图片没有随外框呈现圆角时，可检查这一项；开启后也要留意外伸的按钮是否被裁切。
边框	选择需要显示的边，再设置宽度、线型，以及明暗模式下的颜色。

容器圆角控制整个模块的外框。图片圆角、卡片内边距和卡片之间的距离，通常在模块的内容设置中调整。修改前先确认要改变的是哪一层。

设置文字、颜色和背景

设置	怎么使用
文字颜色	分别设置明亮模式和暗黑模式的默认文字颜色，并检查文字与背景是否容易区分。
文字大小	设置容器的默认字号。模块内部已有独立字号设置的文字，仍可能使用自己的样式。
层级	调整模块与其他内容重叠时的显示顺序。只有存在重叠时，才容易看出变化。
背景样式	分别填写明暗模式的背景 CSS。CSS 是控制网页外观的样式代码；不熟悉时可先保留默认值。
自定义样式和悬停样式	分别调整模块平时的外观，以及鼠标经过时的外观。手机没有稳定的鼠标悬停状态，重要信息不要只放在悬停效果里。
背景内容层	开启后填写背景 HTML 内容，并设置是否裁剪。透明度范围为 0 至 1：0 完全透明，1 完全不透明。

按需要开启滚动动效

在滚动动效设置中开启开关，再选择预设效果。时长控制动画持续多久，延迟控制等待多久开始，位移控制移动距离，缓动控制移动速度的变化。

当前面板中，时长范围为 0 至 5，延迟为 0 至 10，位移为 0 至 300。先用较小的位移和较短的延迟预览，再根据实际页面调整。

复用配置并保存

1. 先完成一个模块的内容和外观，确认效果符合预期。
2. 需要复用时，使用当前模块提供的复制或 JSON 导入导出功能。JSON 是保存设置数据的文本格式，手动修改时要保持格式正确。
3. 导入前核对目标模块类型；导入后重新检查文章、分类等引用对象是否在当前网站中有效。
4. 如果模块提供缩放设置，可用它调整整体大小，但仍要检查窄屏排版。缩放不能代替列数、宽度和间距设置。
5. 保存页面设置，再打开实际页面检查。

复制设置不会同时复制设置中引用的文章或分类。跨网站使用时，相同的内容 ID 也不一定指向相同内容。

检查实际显示效果

分别查看电脑和手机宽度，以及明亮、暗黑模式。重点检查长标题是否换行、图片是否被裁切、外伸按钮是否可见，以及动效是否影响阅读。

模块没有显示时，先检查所在页面、区域和屏幕宽度，再检查模块需要的数据与使用条件。例如下载模块需要文章中有资源，账户功能可能需要登录，商品详情模块需要当前商品。

外观设置不会授予下载、购买或账户权限。多语言页面还要检查模块自身的标题和固定文案；文章译文更新后，这些字段仍需单独核对。