WordPress官网可以按设计稿定制,但一张桌面截图只描述了一个页面状态。签约前应共同确定在哪些尺寸、内容样本和交互状态下对照设计稿,以及哪些变化应随屏幕和内容调整。把这些约定写成验收表,采购和开发便能复现同一处问题。
先定样本,再定通过条件
| 对象 | 测试样本 | 通过条件 |
|---|---|---|
| 桌面产品页 | 约定视口与同版素材 | 字体、间距和裁切符合约定 |
| 窄屏详情 | 长产品名和多行规格 | 文字可读且询价入口可用 |
| 产品列表 | 缺图与长标题各一条 | 卡片布局和占位符合约定 |
| 表单 | 必填为空与提交成功 | 提示对应字段且结果清楚 |
截图应记录浏览器、视口宽度和缩放比例,双方使用同一套字体与素材。如果设计稿使用尚未授权的字体或图库图,先确定替代资源再确认版面。背景图还要明确允许裁切的区域,否则桌面上完整的产品到了手机可能只剩边缘。
让运营人员添加一条产品
WordPress主题模板负责呈现内容。产品名、图片、参数和下载资料可由不同字段提供,再由模板统一排版。交付前让实际维护人员添加一个产品并预览。若运营每次都要用空格才能对齐字段,或换图后询价按钮就被挤走,应修正模板和编辑规则。
按真实访问路径走一遍
- 从栏目列表进入产品页,检查面包屑、图片、规格与咨询入口的顺序。
- 缩窄窗口检查文字重排。需二维展示的规格表可单独处理,避免整页跟着横向滚动。
- 用编辑账号改标题、换图和保存草稿,再由审核人确认前台结果。
- 缺陷记录包含网址、截图、视口和复现步骤,并说明是视觉偏差、内容变化还是功能故障。
首轮验收可挑一条标准产品、一条长标题产品和一条无图产品。记录哪条触发哪个问题,然后在修改模板后用同一组样本回归检查。样本变化时保留版本,防止把文案更新造成的换行误记成开发回退。