1 | 给主题做“选型过滤”

评估维度 为什么必须考虑 候选主题(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 测试即可。


2 | “环境”到底包含哪些具体动作?

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 离线文档等工具包准备好 保证即使机房掉网,也能现场演示源码与调试

小贴士:


3 | 下一步行动

  1. 在 wordpress.com 后台 搜索并启用 Twenty Twenty-Five → 完成站点基本信息(标题 / 图标)。
  2. 按照上表 Checklist 把插件和分类搭好,顺带录一段“老师选主题 & 改颜色”的屏幕,留做 W3 Demo 素材。
  3. 写第一篇 Teaching Log(≥ 500 字),并在首页用 Pattern 拉出“学生作品墙”占位区——Phase 1 在一周内就能满足“上线 ≥ 3 篇原创博文 + Lighthouse ≥ 80” 的 SMART 指标。

完成这些后,你就正式从 “博客样板间” 升级为课堂的“教学 ATM”——接下来我们可以把博客每个模块拆成课堂组件,继续推进项目 2 的内容开发。 🚀