要制作WordPress，您需要了解PHP，但无论如何，您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML，CSS和JS。此代码控制浏览器的显示。制作WordPress主题也不例外。它们都是网页。最基本的网页是HTML。要创建一个WordPress主题，你必须首先设计主题界面，微妙，简单，沉重，无拘无束.风格完全与你同在，然后将你的设计概念转换为.html，它可以正常显示在浏览器。
本系列教程不会教您如何设计博客界面，也不会教您HTML和CSS的基础知识。相反，您假设您已经拥有HTML和CSS基础。如果您不会HTML，也不会CSS。我担心有些东西对你来说就像一本天书。
本系列教程将使用tutsplus免费提供的html模板Aurelius来解释WordPress主题的制作过程，并且其他模板的制作类似。下面提供了HTML模板文件下载，我们将使用它来练习如何将HTML静态页面与PHP代码组合以创建WordPress主题。下载后，可以通过双击打开里面的html文件。
下载链接见底部
可能这个模板并不适合每个人的口味，但这个用于我们的主题制作练习已经足够了。另外你可能会诧异，怎么是英文版的？放心，到了后面你就会知道，是否英文版都没多大关系。下面说说下载到的这些文件的用途：
- 首页：index.html
- 存档页：archive.html
- 页面：page.html
- 文章页：single.html
- 联系页：contact.html
- 无边栏页：full_width.html
- 图片：/images/
- 样式表：style.css
- 缩略图：screenshot.png
大多数博客所能看到的页面类型也基本就这些。你可能已经注意到，不管你用哪个WordPress主题，不同的文章页面除了标题和内容不同以外，其他东西基本都是一样，这就是所谓的模板。
今天的重点就是下载我上面提供的静态html网页文件，敬请期待下面的内容。
本教程算是涵盖了WordPress主题模版制作的全过程吧 本系列教程适合以下人群阅读 懂一点点的HTML、CSS 自己动手编写过代码 自己会设计网页界面，想了解怎么制作WordPress主题 本系列教...
时间:2019/9/7 分类:建站教程 人气:1392 评论:1
![](data:image/svg+xml;charset=utf-8,<svg height="120" width="170" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
在开始制作WordPress主题之前，首先需要了解WordPress主题包含哪些文件。您必须知道WordPress程序如何连接到主题文件。 以下是WordPress默认主题的默认主题下的所有模板文件。...
时间:2019/9/7 分类:建站教程 人气:2007 评论:0
![](data:image/svg+xml;charset=utf-8,<svg height="389" width="531" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
要制作WordPress，您需要了解PHP，但无论如何，您的博客页面是一个网页。网页可以在浏览器中显示的原因是因为最终传输到浏览器的终端代码是HTML，CSS和JS。此代码控制浏览器的显示。制作Wor...
时间:2020/2/24 分类:建站教程 人气:2935 评论:2
一个WordPress主题至少包含以下两个文件： style.css index.php 好，现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\theme...
时间:2019/9/7 分类:建站教程 人气:891 评论:0
![](data:image/svg+xml;charset=utf-8,<svg height="329" width="381" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
你可以尝试用文本编辑器打开从WordPress主题制作全过程（三）：HTML静态模板制作下载到的 .html 文件，不知道你有没有发现他们头部的代码都非常的相似呢？其实我们可以提取这部分相似的代码，放...
时间:2019/9/7 分类:建站教程 人气:2586 评论:0
上节内容我们已经弄好了博客的页头header.php，今天我们就一起来制作页脚footer.php。footer.php与header.php差不多，写这个文件的目的也是为了精简代码，提高代码的重用性...
时间:2019/9/10 分类:建站教程 人气:633 评论:0
![](data:image/svg+xml;charset=utf-8,<svg height="23" width="587" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
制作好了header.php 和 footer.php ，今天我们来制作侧边栏sidebar.php。由于侧边栏的可定制性实在是太强了，所以本节内容比较难，我讲解起来也比较困难，有些内容会被略掉！ 作...
时间:2021/2/6 分类:建站教程 人气:1296 评论:2
前面我们已经制作完成博客所有公用页面sidebar.php、footer.php和header.php，今天开始我们就要制作单独的页面了。现在我们要制作的是索引页index.php，这里我们可以暂时把...
时间:2021/6/15 分类:建站教程 人气:689 评论:0
今天我们来制作单文章页single.php，有了之前制作index.php的经验，制作single.php也不再那么难了，这里将直接略过一些内容，直接给出结果。如果对某些修改不太清楚，可以先参考：Wo...
时间:2019/9/7 分类:建站教程 人气:714 评论:0
今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php，在single.php剪切以下代码，粘贴到comments.php： <!– Comment’s Li...
时间:2019/9/7 分类:建站教程 人气:1773 评论:0
page.php也就是页面，可能大家不太理解页面是什么意思，博客上的所有网页不都是页面吗？我们这里指的页面一个单独的页面，如”关于”、”联系方式”等，可...
时间:2021/6/15 分类:建站教程 人气:2013 评论:4
附
件
下
载