从零开始制作WordPress主题目录下载教程源代码 (5)WordPress主题教程#1：介绍 (5)HTML基本规则： (6)WordPress专业术语： (7)WordPress主题的层次结构： (7)WordPress主题教程#2：模板文件和模板 (7)Header模板文件: (8)Index模板文件： (8)Sidebar模板文件 (9)Footer模板文件： (10)WordPress主题教程#3：开始Index.php (10)第1步：打开XAMPP控制面板。
(10)第2步：创建你的主题文件夹。
(11)第3步：创建index.php和style.css文件。
(11)index.php解释： (12)第4步：创建style.css。
(12)第5步：安装你的主题。
(13)WordPress主题教程#4a：Header模板 (14)第1步：打开XAMPP和主题文件夹。
(14)第2步：打开index.php (14)第3步：调用博客标题 (15)第4步：调用博客链接 (16)WordPress主题教程#4b：Header模板2 (17)第1步：开启XAMPP和打开index.php (17)第2步：给博客的标题添加H1的标签 (17)第3步：添加博客描述 (17)第4步：DIV标签 (18)第5步：添加Header DIV标签 (18)WordPress主题教程#5：主循环 (18)第1步：创建container Div (19)第2步：输入主循环代码 (19)第3步：调用日志标题 (20)第4步：给日志标题加上链接 (21)WordPress主题教程#5b：日志内容 (22)第1步：使用the_content()函数显示日志内容 (23)第2步：使用DIV标签把博客日志的内容和标题区分开 (25)第3步：给日志的标题和内容添加class=”post”的DIV标签 (26)WordPress主题教程#5c：日志元数据 (28)WordPress主题教程#5d：Else，日志ID，链接标题 (31)第1步：Else (31)第2步：日志ID (32)第3步：链接标题 (32)WordPress主题教程#5e：日志导航链接 (33)WordPress主题教程#6：侧边栏 (34)第1步：创建id为“sidebar”的DIV (34)第2步：给侧边栏的DIV添加无序列表 (34)第3步：给这个无序列表添加原属 (35)第4步：添加分类链接列表 (35)WordPress主题教程#6b：页面链接列表 (36)WordPress主题教程#6c：存档和链接列表 (39)第1步–添加存档链接列表。
(39)第2步：添加友情链接列表 (40)WordPress主题教程#6d：搜索框和日历 (41)第1步：增加搜索框 (41)第2步：增加日历 (43)第3步：增加元数据 (44)WordPress主题教程#6e：窗体化侧边栏 (45)第1步：创建functions.php文件 (45)WordPress主题教程#7：底部 (46)第1步：增加个DIV标签 (46)第2步：添加版权信息 (46)WordPress主题教程#8：验证XHTML (47)WordPress主题教程#9：Style.css和CSS介绍 (47)第1步：打开style.css文件 (49)第2步：添加CSS代码 (49)WordPress主题教程#10：十六进制颜色代码和样式化链接 (51)十六进制代码 (51)第1步：添加链接颜色 (51)第2步：添加链接悬停颜色 (52)WordPress主题教程#11：宽度和布局 (52)第1步：设置页面总体宽度 (52)第2步：自动页面居中 (53)第3步：设置header宽度和布局 (53)第4步：设置Container宽度和布局 (53)第5步：设置Sidebar宽度和布局 (53)第6步：设置Footer的宽度和布局 (54)第7步：给侧边栏增加其余的10像素 (54)第8步（额外的步骤）：修正IE的双倍页边距bug (54)WordPress主题教程#12：日志样式化和其他杂项 (54)第1步：Reset CSS (55)第2步：样式化H1标题 (55)第3步：样式化日志 (55)第4步：设置日志段落填充 (56)第5步：样式化日志杂项 (56)第6步：样式化导航栏 (56)WordPress主题教程#13：样式化侧边栏 (56)第1步：样式化侧边栏的无序列表 (57)第3步：样式化侧边栏下的子标题 (58)第4步：清除子UL下的LI填充 (59)第5步（可选的）：扩展日历宽度到整个侧边栏 (60)WordPress主题教程#14：底部和拆分Index (61)第1步：样式化footer (61)第2步：设置footer P的行距 (61)第3步：header.php (61)第4步：在index.php中导入header.php (62)第4步：sidebar.php (62)第5步：footer.php (62)教程回顾 (63)WordPress主题教程#15：子模板文件 (63)第1步：archive.php (63)第2步：search.php (64)第3步：page.php和single.php (64)第4步：定制page.php (64)第5步：定制single.php (66)课程回顾 (66)WordPress主题教程#16：留言模板 (67)第1步：创建comments.php (67)第2步：样式化留言 (67)第3步：在single.php添加留言模板 (67)第4步：验证代码 (68)评论模板的进一步解释 (69)erdaoo的WP Theme教程学习笔记 (70)WP主题简介 (70)index.php (70)class (73)Not Found (73)页面导航 (73)侧边栏 (74)其他文件 (78)从零开始制作WordPress主题从零开始制作WordPress主题其实不难，只要你从现在开始认真阅读这个教程，一步一步认真学习，你就会成为一个WordPress主题制作高手。
至少你会修改现有主题。
网络上已经有很多关于制作WordPress主题的教程，并且WordPress官方网站上也有指导文章。
但是当你不懂这方面的术语的话，这些教程可能不一定会帮助你，甚至还会误导你，所以这个教程会真正从零开始教你如何创建WordPress主题。
创建WordPress主题所需的工具和准备开始真正制作主题之前，你需要使用到下面这些工具：∙为了测试方便和快速，你首先需要在本地安装WordPress，至于如何在Windows系统上安装WordPress，你可以参考这篇日志：在WordPress本地安装WordPress。
∙如果由于某种原因不能在本地安装WordPress，那么你也可以的服务器上安装一个测试版的WordPress。
这个时候你必须要有一个支持WordPress主机的服务器，一般我使用LAMP主机（Linux+Apache+MySQL+PHP）主机，Win+IIS主机可能会有很多问题，调试也比较麻烦，而LAMP主机，从我个人使用经验来说，我推荐(MT)Media Temple主机。
∙代码编辑工具，如NotePad++或者Vim都可以，主要是适合自己个人使用习惯。
∙FTP工具，用于上传主题到服务器上测试，这方面的工具很多，如Filezilla，SmartFTP等，如果你先安装软件麻烦（对啊，现在是云计算时代，谁还装软件），你也可以安装Firefox的FTP扩展，Fireftp，直接在Firefox中上传文件到服务器上。
∙XHTML验证器和CSS验证器。
你将需要这些工具去验证你的主题是否符合XHTML和CSS标准，并且可以使用它查出奇正错误的地方。
下载教程源代码整个教程中会用到一些源代码，请到这里下载从零开始制作WordPress主题的源代码，请保存好，以后教程中会用到。
这篇就介绍到这里，主要介绍了制作WordPress主题所需的工具和应该做哪些准备，下面就开始要了解和开始制作WordPress主题。
WordPress主题教程#1：介绍从零开始制作WordPress主题的教程是一个循序渐进的教程，不会一次就教会你所有的东西，那样也是不大可能的，这个教程也不是WordPress主题制作的参考，而是一步一步教你从零开始教你如何制作WordPress主题，所以首先一定要耐心。
这一篇介绍首先是WordPress主题制作的一个最基本的介绍，这里会涉及到HTML和WordPress的基本规则和一些专业术语，以及WordPress主题的层式结构，这些概念是很重要的，在教程以后部分的很多地方都会讲到，所以开始之前一定要搞清楚。
HTML基本规则：∙规则#1：以正确的顺序关闭所有HTML标签。
每个HTML标签都是在<和>中，如果没有斜线/，则说明这个标签是开始标签，有则是结束标签。
所以：<>是开始标签，而</>是结束标签。
在上面的例子中，我们使用了ul（无序列表）和li（列表元素）这两个标签。
li的开始和结束标签必须在ul的开始和结束标签的里面，这就是标签正确嵌套方式。
∙规则#2：每个主题至少要有这两个文件style.css和index.php。
index.php告诉主题中所有的元素如何布局，style.css则告诉主题中所有的元素该如何展示，以及它们的样式。
下面是一个完整的主题含有的文件列表，现在我们不用详细了解这个列表每个文件的意思，有个这样的印象就可以了：o style.csso index.phpo home.phpo single.phpo page.phpo archive.phpo category.phpo search.phpo404.phpo comments.phpo comments-popup.phpo author.phpo date.phpWordPress专业术语：∙Template（模板）—其实就是一个代码集，主题中很多地方会利用到这个代码集，所以把它们整合成一个模板，这样就就不必一遍遍输入这些重复代码。
∙Template file（模板文件）—一个包含一个或者多个代码集（模板）文件。
每个主题是由多个模板文件组成的，比如：index.php，style.css，sidebar.php 等等。
∙Theme（主题）或者WordPress theme（WordPress主题）—所有你正在使用的文件：文本，图像，代码等等。
注意：WordPress theme（主题）和WordPress template(s)（模板）是两个不同的东西，尽管有些人认为他们一样。