菜鸟笔记静态模板制作这方面主要涉及到HTML、CSS和JavaScript三部分内容，也就是我们平常所讲的前端。也许有些想学习WordPress的同学对前端的知识还不是很了解，建议你先去学习下这方面的知识。这三块涉及到的知识是非常多的，本篇文章就不过多赘述，而你也仅仅需要学会HTML和CSS即可，JavaScript可以不用，网上有很多分享的JavaScript源码，我们拿来就能用。
本系列教程不会教你如何去设计博客的界面，也不会教你HTML和CSS基础知识，而是假定你已经有HTML和CSS基础了，如果你不会HTML，也不会CSS，后面的东西恐怕对你来说就像天书了。
源码下载地址
链接：https://pan.baidu.com/s/1GQON7BbXfR8QR5dnoBZjtg
提取码：spwo
WordPress 主题基本文件包含下列文件：
- 首页：index.html
- 存档页：archive.html
- 页面：page.html
- 文章页：single.html
- 联系页：contact.html
- 无边栏页：full_width.html
- 图片：/images/
- 样式表：style.css
- 缩略图：screenshot.png
大多数博客所能看到的页面类型也基本就这些。你可能已经注意到，不管你用哪个WordPress主题，不同的文章页面除了标题和内容不同以外，其他东西基本都是一样，这就是所谓的模板。一旦你掌握的基础的WordPress主题开发，接下来的进阶想必会简单很多。