换模板后先不要凭首页观感判断内容是否完整。更可靠的做法是:用同一批“基准页面”在旧模板与预览环境之间逐项对照,把溢出和缺项分开记录,再决定是修模板、改内容还是回退。如果站点页面数量少、模板改动只涉及样式层,抽样核对即可;如果页面多、模板同时改了字段调用和区块顺序,就必须先做全量清单比对,否则漏掉的往往是列表页和详情页的尾部内容。
模板替换后最常见的反直觉现象是:页面看起来更“满”,但实际可读内容变少了。原因通常有两类。一类是溢出,即原有内容仍在数据库或字段里,只是新模板的容器宽度、行高或截断规则让它被挤出可视区域,表现为横向滚动、文字被裁、图片压住文字。另一类是缺项,即新模板根本没有调用某个字段或区块,内容在页面上彻底消失。
区分二者的证据很直接:在预览页打开开发者工具,查看被怀疑缺失的内容是否仍存在于 HTML 源码中。若源码里有、视觉上看不到,多半是溢出或层级遮挡;若源码里也没有,则是模板调用缺项。这个判断会直接改变下一步动作——溢出改样式,缺项改模板结构或字段映射。
先选一组基准页面,覆盖首页、栏目列表页、详情页、搜索结果页和表单页各至少一个。选择依据是:这些页面承载的字段类型最多,且旧模板下内容长度差异明显。具体动作是:在旧模板下保存每个基准页的完整截图和 HTML 快照,换模板后逐项对照以下位置。
对照结果会告诉你问题集中在样式层还是数据层。如果只有个别页面出问题,优先怀疑该页面的内容长度触发了边界;如果所有详情页都少了同一块,基本可以判定为模板缺项。
此时不必上全量工具。逐个打开基准页面,用浏览器缩放和窗口宽度变化测试溢出边界,记录触发溢出的最小宽度。动作结果是:你能得到一份“哪些容器需要加最大宽度或换行规则”的清单,直接交给模板调整,不必动内容。
此时抽样不够,需要做字段级比对。把旧模板下每个内容类型的字段清单导出,与新模板实际渲染出的字段逐一对照,标记“有数据但未渲染”和“渲染了但数据为空”两类。前者是缺项,后者可能是内容本身没填。动作结果是:你能把问题分派给模板开发或内容编辑,而不是让两边互相等。
假设一个站点有 200 篇详情页,换模板后只有 30 篇的附件区消失。若这 30 篇的附件字段都有值,而其余 170 篇本来就没填附件,那么问题在模板的条件判断,不在内容缺失。这个假设说明:缺项统计必须先排除“本来就没有”的情况,否则会把正常空值误判为模板故障。
建议先处理缺项,再处理溢出。原因是缺项涉及模板结构改动,可能再次影响布局;如果先花时间调好溢出,结构一改又要重测。处理缺项时,优先恢复被调用的字段和区块,再统一检查容器样式。处理溢出时,优先用内容长度最长的基准页测试,而不是用最短的页面,否则边界问题会被掩盖。
例外情况是:如果溢出已经导致页面无法正常操作,例如按钮被遮挡、表单无法提交,就应先修溢出,再补缺项。判断依据是问题是否阻断用户完成关键动作,而不是哪个问题看起来更严重。
每次模板变更后,保留一份基准页对照记录,注明页面、字段、现象、源码中是否存在、处理动作。这样下次再换模板时,可以直接复用同一组基准页,而不必重新摸索。记录本身不保证问题不再出现,但能让“这次到底改好了没有”有据可查,而不是靠首页截图下结论。