换模板后最容易被忽略的不是样式,而是内容与版式的匹配关系被重置。识别溢出与缺项,要把“页面看起来怪”转成可核对的字段和位置,再决定改内容还是改模板。
不同角色对同一页面的理解往往不同:编辑觉得文案太长,设计觉得是容器太窄,运营觉得是字段没填。与其争论,不如拿一个已发布页面,在旧模板和新模板下各截一次完整长图,并列出该页面的字段清单:标题、副标题、摘要、正文、图片、图注、附件、相关推荐。逐项标记“旧版显示什么、新版显示什么、谁认为不对”。这个动作的结果是得到一张差异表,而不是一句“新版不好看”。差异表里出现“旧版有、新版无”的项,优先按缺项处理;出现“旧版正常、新版被裁切或撑破”的项,优先按溢出处理。
溢出通常有三个可区分的原因,处理动作完全不同。
假设一个页面标题为十六个汉字,旧模板单行显示,新模板在窄屏下折成三行并压住下方摘要。若其他页面标题也普遍折行,说明是容器问题;若只有这一条特别长,说明是内容问题。先做这个判断,再决定动模板还是动内容。
缺项比溢出更隐蔽,因为页面可能只是“少了一块”,但没人记得原来有什么。有效做法是导出两个版本的字段清单:旧模板发布时该页面实际填写了哪些字段,新模板渲染时实际读取了哪些字段。两者相减,就是缺项候选。常见缺项包括:列表页的摘要被隐藏、详情页的附件区块未输出、图注字段未绑定、相关推荐为空时整块消失。对每个缺项,先确认是“字段有值但模板没输出”,还是“字段本来就没填”。前者改模板绑定,后者补内容。这个动作的结果是形成一份待处理清单,并标注责任方。
拿到溢出与缺项清单后,不要同时改模板和补内容。建议顺序如下:
每完成一类,回到样本页面复查一次,确认差异表上的对应项已消失。若某类问题反复出现,说明内容规范或模板字段定义需要补充,而不是继续逐页修补。
假设一个产品详情页在新模板下出现两个现象:正文右侧被裁切,同时页面底部的附件列表消失。先查字段清单,发现附件字段有值,但新模板未输出该区块,这属于缺项,应改模板绑定。再查正文,发现旧模板正文区宽度为八百像素,新模板为六百像素且未设最小宽度,这属于容器约束导致的溢出,应调列宽。若调整后正文仍溢出,再检查是否存在未换行的长链接或代码块。这个例子的数字仅用于说明比较方法,不代表任何真实模板的固定值。
把样本页面的差异表、字段清单和处理顺序固定下来,下一次换模板或改版时就可以直接复用,而不必重新争论“哪里不对”。