在博客上主要展示学生这一学期的学习和成长,博客受众是学生 学校教务 家长,有可能社会人员也可能访问
| 受众 | 他们最关心什么 | 对博客的隐含要求 |
|---|---|---|
| 学生 | 看得懂自己的成长轨迹、随时复习课堂要点、拿作品当“面试作品集” | 周更 Teaching Log、可按周/项目过滤、移动端友好 |
| 家长 | 了解孩子本学期学了什么、进步在哪儿 | 关键里程碑摘要、可一键分享的 URL、简体中文为主 |
| 教务与同行 | 课程设计、教学成效数据 | 课程大纲、评价指标、Lighthouse 报告截屏 |
| 社会访客 | 参考高职前端教学案例 | 清晰的信息架构(IA)、SEO 友好、隐私与版权提示 |
这些诉求在你的 SMART 目标里已被点名:博客要内置 “教学日志” 与 “学生作品墙” 两个专区,且整体 IA 不得超过 3 层。本周 P0 阶段的任务—“列出博客信息架构草图”—正是为此铺路。
| 层级 | 入口 & 说明 | 备注 |
|---|---|---|
| 层 0|主导航 | Home |Teaching Log |Student Showcase |Course Overview ↗ |Learning Resources ↗ |Contact | “↗” 表示跳转到外部站点;总导航项 ≤ 6,符合 “IA≤3” 的硬约束 |
| 层 1|栏目结构 | Home → Hero + 最新 3 条高光;<br>Teaching Log → 按 Week / Tag 过滤的课堂高光、趣事、学生提问;<br>Student Showcase → 卡片墙,支持「里程碑 / 学生 / 技术栈」筛选;<br>Contact → 教师简介 + 表单 | 课堂日志侧重“学生表现”,不写教师备课摘要——呼应你的内容定位 |
| 层 2|标签 / 过滤维度 | Week 01-13 · Milestone M1/M2 · HTML/CSS/JS · 学生姓名 | 仅用标签,不新增页面,保持 3 层深度 |
导航实现建议
- 在 WordPress “自定义菜单”里添加 Course Overview 和 Learning Resources 作为 自定义链接,URL 指向你准备的外部文档或 Notion 页面即可。
- 这样它们依旧出现在顶栏,但不会在站内生成多余层级,满足“信息架构 ≤ 3 层”的考核指标。
| 分类 | 内容示例 | 发布频率 |
|---|---|---|
| Highlights | 当天最快完成编码的同学、原创 UI 灵感等 | 每课时后即刻上传 1-2 图+50 字 |
| Fun Moments | 学生的 “梗图” 提示、课堂小彩蛋 | 随机 |
| Q\&A | 被点赞最多的问题 & 老师简答 | 每周一次 |
可以把 Week 01、Week 02… 设成 父级标签,再用子标签 Highlights/Fun/Q\&A 做多维过滤,既方便家长按周查看,又方便学生按主题检索。