换模板后最容易被忽略的,是原模板里“看起来正常”的内容在新容器中已经溢出,而新模板需要的字段在旧数据里根本没有。识别方法不是通读全站,而是先挑一个页面,用同一份内容分别跑一遍长度、结构和必填字段检查,把异常定位到具体区块,再决定是改文案、改样式还是补数据。
选一个内容类型最全的页面,例如同时含标题、摘要、正文、图片说明和联系方式的产品或服务页。把它按区块拆开,每个区块记录三件事:原模板下的显示状态、新模板下的显示状态、该区块依赖的数据字段。拆块的目的不是做清单,而是让“溢出”和“缺项”落在同一条对照线上。假设某服务页的标题在原模板下占一行,换模板后换成更窄的栏宽,标题被截成两行并压住下方摘要,这就是溢出;而新模板摘要区要求一段 60 字以内的引导语,旧数据里只有长正文,这就是缺项。
溢出通常发生在标题、按钮文字、导航项、图片说明和表格单元格这几类短文本上。做法是给每个区块设一个可接受的字符或行数上限,用最长的一条真实内容去测。若某标题在窄栏下超过两行,先确认是文案过长还是容器过窄:把同一标题放到新模板的宽栏位置再看,如果仍然换行,属于文案问题;如果宽栏正常、窄栏异常,属于样式或栏宽问题。这个区分直接决定下一步动作——前者要改文案或允许折行,后者要调容器而不是删字。
假设某页面导航有 7 个一级项,新模板侧栏宽度只够放 5 个。逐项测量后发现有 2 项文字较长,缩短后仍放不下,说明问题在导航结构而非文字长度。此时应合并或下沉层级,而不是继续压缩字号,因为压缩字号会同时影响可读性和后续维护。
缺项往往不是内容丢失,而是新模板多出了旧数据没有的槽位,例如副标题、标签、作者、更新时间、相关推荐位。处理时先把新模板每个区块标注为“必填”或“可选”,再回到样本页面对照:必填但旧数据为空的,就是缺项。对缺项要分两类,一类可以自动生成或留空,另一类必须人工补写。把必须人工补写的字段单独列出,估算每条补写所需时间,再决定是先补样本页还是先批量补同类页面。这个顺序会影响后续工作量,先补样本页能验证字段长度和写法,避免批量返工。
完成样本页对照后,按以下顺序处理,每一步的结果都会影响下一步:
如果第 1 步补完必填字段后,发现某区块内容变长并触发溢出,说明缺项和溢出是连锁的,应先定字段长度上限再补写。若第 4 步抽查时发现多数页面缺项相同,可以批量处理;若缺项分布零散,则维持逐页处理,避免批量规则误伤个别页面。
页面出现空白、错位或滚动条,不一定都是模板问题。缓存未更新、图片尺寸未适配、浏览器缩放、字体加载差异都可能造成类似现象。判断时至少换一个浏览器或设备复看一次,并确认页面数据本身是否完整。只有当同一内容在多个环境下都出现截断或缺失,才把它归为模板改变引起的溢出或缺项。
把样本页的处理规则记录下来,再逐类页面套用,比全站通读更省时间,也更容易发现真正需要人工补写的内容。