| 评估维度 | 为什么必须考虑 | 候选主题(WordPress.com 免费可用) |
|---|---|---|
| 可访问性 (a11y)<br>目标:Lighthouse a11y ≥ 85,符合法规,课堂还能拿来做正反例演示 | 项目要求博客要做“学生可示范”的合规站点 | Twenty Twenty-Five——官方默认主题,内置可访问配色与模板,声明 Accessibility Ready(WordPress.com)<br>Neve——被列入 2025 年最易达主题清单(accessibe.com) |
| 性能 / 轻量<br>目标:Lighthouse Performance ≥ 80 | “可用/视觉均 ≥ 80” 是 P1 的量化门槛 | Astra <0.5 s 首屏、体积极小,列表第一推荐(WPForms) |
| 块编辑 / 模板模式<br>方便你用“拼乐高”方式搭出教学日志与学生作品墙专区 | 课程强调“先体验后拆解” | Twenty Twenty-Five(70+ 官方 Pattern) |
结论:先安装 Twenty Twenty-Five。它 ① 官方维护、② 自带可访问模板、③ 块/Pattern 丰富,足够把“教学日志 + 学生墙”快速拉起来;后续若想尝试极限性能,再切 Astra/Neve 做 A/B 测试即可。
P1 阶段的“三小时日程”在项目进度表里已经拆成 3 个一小时任务。下面把它再细化成一张 Checklist,对齐后续教学需求:
| 步骤 | 配置要点 | 教学映射 |
|---|---|---|
| ① 主题与品牌<br>– 安装并激活 Twenty Twenty-Five<br>– 设置站点标题/副标题、站点图标(Favicon) | 让学生看到“换 Logo-秒生效”的即时反馈,呼应课程 W1 “改一行就有成就感”的破冰 | |
| ② 必备插件<br>– SEO:Yoast SEO 或 Rank Math(元描述、站点地图)<br>– 缓存/性能:WP Super Cache(如使用自托管套餐)或沿用 WordPress.com 内建 CDN<br>– 统计:WP Statistics / Jetpack Stats | 后面拆讲 SEO、性能脚本、统计与隐私 三大组件时,就直接拿老师博客后台做 Demo(省备课截图) | |
| ③ 分类 / 标签信息架构<br>– 顶级分类参考课程标准:例如 “课堂笔记·HTML/CSS/JS” / “作品墙” / “教学反思”…<br>– 预建常用标签:a11y、性能、交互、XSS | 对齐项目 2 “功能→能力映射”里的导航/排版/交互等 8 组件 | |
| ④ 基础安全 & 隐私<br>– 开启 HTTPS(WordPress.com 自动)<br>– 关闭公开注册;限制评论为“需人工审核”<br>– 启用 Cookie 通知弹窗(Jetpack Privacy 或 Cookie Yes) | 为 W5 “表单 + 安全入门” 留案例:为什么输入框不能信任 | |
| ⑤ 本地教研环境<br>Chrome DevTools、VS Code Portable、Zeal 离线文档等工具包准备好 | 保证即使机房掉网,也能现场演示源码与调试 |
小贴士:
- “插件即案例”——安装时把设置 > 效果截图存档,后面讲课直接用。
- 若使用 WordPress.com 免费套餐,SEO/缓存功能已内置,可少装插件,聚焦内容生产。
完成这些后,你就正式从 “博客样板间” 升级为课堂的“教学 ATM”——接下来我们可以把博客每个模块拆成课堂组件,继续推进项目 2 的内容开发。 🚀