EP014. “转换静态站为 WordPress 主题:下载 university-static 参考项目”
🔒 登录后可标记已读📌 并入 EP013(Optional: Skip To One of The Final Chapters):Brad 提醒这门课建议按顺序学, 但如果想直接跳去看成品或者反向学习,可以跳到 Lecture #49 去学怎么把课程完成品导入本地开发环境。 这条提醒本身没有代码或操作步骤,只是一个公告,跟着并入这里。
目前主题除了绿色测试文字之外没有任何设计。因为这不是一门 CSS/设计课,Brad 直接提供了一份 提前写好的静态 HTML/CSS 项目 university-static(GitHub: learnwebcode/university-static), 后面几讲要做的事情是把这份静态代码"移植"进 WordPress 主题,而不是从零开始写 CSS。
这一讲本身对 fictional-university-theme 没有做任何代码改动——只是下载并预览了 university-static 这个静态项目(它是纯 HTML,没有 PHP,链接和按钮都不会动, 跟 WordPress 完全没关系)。真正开始把这份静态代码搬进主题、动手改文件, 要等下一讲 EP015 才开始。
本讲无代码改动
这一讲没有涉及主题文件的新建或修改,跳过「涉及文件」「代码实现」「Hook / Function 速查」 这几个模板小节。
操作步骤只有:打开 github.com/learnwebcode/university-static,用 Clone or Download → Download ZIP 下载解压,得到 university-static-master 文件夹,用浏览器直接打开 其中的 index.html 预览一下这个纯静态页面长什么样。
常见坑
- 原文没有提到踩坑(这一讲只是下载和预览静态素材,没有实际操作 WordPress 代码)。
延伸 / 后续讲座会用到
- 下一讲 EP015 会正式开始把这份静态 HTML/CSS 搬进
header.php/footer.php/index.php/functions.php,是这门课在视觉设计上的转折点。
Sources
Udemy:
- Become a WordPress Developer: Unlocking Power With Code — Section 4, EP013(📌 并入部分)
- Become a WordPress Developer: Unlocking Power With Code — Section 4, EP014