| 维度 | 核心要点 | 对应课程/指标 |
|---|---|---|
| 可访问性 (a11y) | 主题需通过 WCAG/Lighthouse 基础检查;标签语义、键盘可操作、对比度等 | 课程 W5/W14 有 a11y 走查清单;项目考核要求 a11y≥85 分 |
| 性能 | 代码轻、图片懒加载、CLS/LCP 良好;实测 Lighthouse 可用/视觉 ≥ 80 | 项目 1、3 的 SMART 指标都把 Lighthouse≥80 写进 Measurable |
| 响应式设计 | 主题需良好适配手机/平板/桌面三断点;Flex/Grid 结构清晰 | 课堂 W3/W4 专讲布局与媒体查询 |
| SEO & 结构化数据 | 标题层级、Schema、OG 卡片;与主流 SEO 插件兼容 | Sprint 3 交互组件 & SEO 会用到 |
| 安全 & 维护 | 定期更新、官方支持、干净评分高;支持基础安全/缓存/统计插件 | Sprint 4 有“性能脚本 & 安全合规”模块 |
| 可定制性 | 颜色/字体/布局可在 Customizer 或 Block Editor 中拖改;便于做“改颜色→马上见效”的课堂演示 | 第一堂课的“即时可见效果”激发兴趣 |
| 社区与更新 | 活跃更新、文档完善;最好是 WordPress.com 官方或下载量高的 GPL 主题 | —— |
| 分类 | 关键内容 | 你的项目要求 |
|---|---|---|
| 托管 | WordPress.com Free/Starter 方案;自带 CDN/SSL,省去本地 LAMP 折腾 | 保证“零运维”让时间留给教学 |
| 必备插件 | • SEO(Yoast/All-in-One)<br>• 缓存/性能(WP Super Cache)<br>• Statistics(WP Statistics)<br>• Cookie/隐私弹窗 | P1 阶段已列出 SEO + 缓存,P3 阶段再装统计/隐私 |
| 信息架构 | 分类=课程模块;标签=关键技能;菜单三层以内 | IA≥3 层指标;方便学生后续归档 |
| 备份/版本 | WP.com 自动备份 + 本地导出;教学示例可下载 .zip 留档 | “证据层”要求可复现 |
| 本地工具链 | VS Code Portable、Chrome DevTools、Zeal 离线文档 | 确保无网环境也能演示 |
小贴士
- 选定主题后,先跑 Lighthouse 和 axe;若 a11y/性能 不及格,立即换。
- 把主题自带的 Pattern 截图做成“卡片图库”,供课堂拆解。
- 开启 WP.com 的 Starter 模式 即送 CDN + Image Optimizer,可直接讲“什么是懒加载”。
这样,你既对齐了 项目 1 的 SMART 指标,也为 项目 2 / 项目 3 埋好了可演示、可量化、可迭代的教学支点。