WordPress 主题教程：从零开始制作 WordPress 主题
2007年06月04日
从零开始制作 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 主题教程：从零开始制作 WordPress 主题
- WordPress 主题教程 #1：介绍
- WordPress 主题教程 #2：模板文件和模板
- WordPress 主题教程 #3：开始 Index.php
- WordPress 主题教程 #4a：Header 模板
- WordPress 主题教程 #4b：Header 模板 2
- WordPress 主题教程 #5：主循环
- WordPress 主题教程 #5b：日志内容
- WordPress 主题教程 #5c：日志元数据
- WordPress 主题教程 #5d：Else，日志 ID，链接标题
- WordPress 主题教程 #5e：日志导航链接
- WordPress 主题教程 #6：侧边栏
- WordPress 主题教程 #6b：页面链接列表
- WordPress 主题教程 #6c：存档和链接列表
- WordPress 主题教程 #6d：搜索框和日历
- WordPress 主题教程 #6e：窗体化侧边栏
- WordPress 主题教程 #7：尾部
- WordPress 主题教程 #8：验证 XHTML
- WordPress 主题教程 #9：Style.css 和 CSS 介绍
- WordPress 主题教程 #10：十六进制颜色代码和样式化链接
- WordPress 主题教程 #11：宽度和布局
- WordPress 主题教程 #12：日志样式化和其他杂项
- WordPress 主题教程 #13：样式化侧边栏
- WordPress 主题教程 #14：底部和拆分 Index
- WordPress 主题教程 #15：子模板文件
- WordPress 主题教程 #16：留言模板
- erdaoo 的 WP Theme 教程学习笔记
- WordPress 主题教程电子书下载
翻译自：http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh，并根据中文习惯和个人理解做了修改！
82 条评论 添加你的评论 →
发表评论
你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼：
1. 剑指天下 | 2007:06:04 - 01:26:16 | #
Denis 最近英语进步越来越快啊，这种翻译工作真是获益良多阿。什么时候招聘一些翻译家阿，哈哈
2. keke | 2007:06:14 - 21:08:01 | #
怎么都是ping的，我来留一条！
3. 央街浪子 | 2007:06:14 - 21:18:26 | #
我也留一条，加油！
4. Denis | 2007:06:14 - 21:36:10 | #
大哥们，能不能留点有建设性的？嘻嘻
5. star | 2007:06:15 - 10:33:40 | #
学习中，支持
6. robinham | 2007:06:19 - 10:09:59 | #
跟踪，关注~
7. 强悍的兔子 | 2007:07:04 - 16:58:50 | #
谢谢你的翻译，我会好好学习一下的，谢谢
8. erdaoo | 2007:07:10 - 01:23:58 | #
vb 好东西 呀
9. erdaoo | 2007:07:10 - 01:28:38 | #
我学到了不少的东西，我全都记在本子上了，站长真是好人呀。
如果可以用中国人说话的习惯来写会更好懂一些。
在第四篇里。第一次看没有看明白。以为是把bead模版文件放在网页的bead的部分里呢。其实是放在了bady里用DIV来分隔开。要知道好多人是从静态网页开始做的呀，所以站长看看是否有必要加多一句来注明呢。
我会修改一些内容后，放在我的网站上公布此教程，我会注明是你这里的出处的。
最后说一声多谢！！！
10. Denis | 2007:07:10 - 09:26:54 | #
to erdaoo，因为这个教程是翻译的，如果你在看得时候发现什么地方说的不是很明白，我希望你能够给我留言，当然你可以转载我的教程，但是我希望你遵循CC协议，我暂时还不允许对我的文章再加工发表！更希望你更多给我提意见和留言！
11. erdaoo | 2007:07:13 - 13:37:34 | #
还有一个就可以结束了，继续努力呀，我现在才知道写一个教程是多么地不容易，二天时间我就看完教程了，但是写了三天也才写到一半。我所说的教程的含义是，我从你这里学到了知识，我消化理解后，依我的感想而写，我不保留任何权利，有成果也是属于你的。我的建议就是部分内容可否用中国人的讲话习惯来讲述，学起来才不会有生硬的感觉。
12. Denis | 2007:07:13 - 14:45:47 | #
to erdaoo，
谢谢你的意见，由于我们不是专业翻译，所以可能语言上组织的不好，以后有时间，我还是会去review这些教程的，我也是在学习中，如果你觉得哪个地方有问题或者表达不清楚，请帮忙指出，万分感谢！呵呵，当你可以看完教程之后，依照自己的感想写，希望到时候可以给我看看，希望能够转载到我爱水煮鱼上，以便能够给大家帮助，谢谢！
13. kaweh | 2007:07:14 - 08:58:12 | #
老大，如果能作成电子书就更好了：）
14. ifender | 2007:07:14 - 09:41:00 | #
非常支持。。感谢
15. Denis | 2007:07:14 - 10:06:23 | #
过一段时间，做些修改校正之后，就作成电子书。
16. ifender | 2007:07:14 - 11:10:10 | #
请教下，我主页那个模版，我一定footer就出问题，footer。php的内容会显示在页顶，如何解决：）谢谢了
17. ifender | 2007:07:14 - 11:19:22 | #
ub_modicus
就象这个demo
你看页面上有个download from wpt
就是footer.php的内容 谢谢了
18. Denis | 2007:07:14 - 11:49:24 | #
在CSS文件中，增加以下代码试下
#footer {
width: 916px;
clear:both;
}
19. ifender | 2007:07:14 - 12:13:49 | #
还是不行：）
20. Denis | 2007:07:14 - 12:41:23 | #
看到你的CSS代码中有以下代码：
#footer {height:160px;width:100%;background-color: #fff;position:absolute;bottom:0;left:0;color: #000000;}
去掉其中的 position:absolute;bottom:0;left:0;
如果还是不行，我就不知道了，你使用这个主题的文件比较凌乱，很难改。
21. ifender | 2007:07:14 - 12:51:48 | #
这些代码我是调试的时候加上看有没有效果。是很乱，还是没办法的：）谢谢了哈 只有等官方修正了
22. erdaoo | 2007:07:14 - 13:44:00 | #
我要是把我写的完成之后，肯定第一个传给你看一下了。不过真的不好写呀，总是不好措词。有邮箱吗，到时我发给你看。
23. erdaoo | 2007:07:17 - 01:04:41 | #
给我一个回答，为什么我的邮箱中会有别人在这里的留言呢？这是怎么设置的，我不想收到这些个邮件。
24. Denis | 2007:07:17 - 01:07:24 | #
看留言框的下面，是不是有个订阅留言，请几天不小心设置默认为选上，我在后台给你删除
25. Jaunt | 2007:09:10 - 14:37:54 | #
我来送瓶汽油，呵呵
26. zhilun | 2007:10:12 - 23:59:42 | #
找到队伍了，慢慢看，慢慢作
27. 胡戈戈 | 2007:11:03 - 20:51:49 | #
顶！！！！！！
28. 嘉林 | 2007:11:04 - 18:50:24 | #
虽然我不学，但进来表示一下敬意。
29. caocao | 2007:11:05 - 22:03:43 | #
不错，一直在找这样的教程。我也要学学做做个wp的主题。
30. howkey | 2007:11:06 - 12:07:28 | #
作者辛苦了
31. 黑色饼干 | 2007:12:05 - 01:40:42 | #
呵呵，真是好，收藏起来先
32. Lonley | 2007:12:20 - 19:26:49 | #
你的博真不错..喜欢上了……
33. hhilp | 2007:12:24 - 16:05:17 | #
好好好好!我喜欢.顺便请教下你那个鼠标跟随的访问信息效果是怎么做的啊!可以发给我么?hhilp@qq.com谢了哈!!
34. Denis | 2007:12:24 - 16:46:56 | #
@hhilp http://fairyfish.net/2007/12/11/statistic-tool-clicki/
35. aniu | 2007:12:31 - 23:31:03 | #
辛苦了,这么多内容,整理的很好!
36. Denis | 2008:01:01 - 09:59:59 | #
你也可以整理啊！
37. aniu | 2008:01:04 - 02:21:29 | #
偶正在学习中，对web不很懂不敢乱讲话，呵呵，在稍微在行的地方我也是有分享精神的~
网络之所以大，就是因为有你们存在！
38. MoDn | 2008:01:01 - 04:08:21 | #
在网上看到帖子说，用WP可以做CMS，BBS，可以做ERP什么的，越来越觉得开源的好处了，它就像一台能够根据自己的需求而随意拆卸改装的马达，驱动一辆辆崭新的宝马，大奔，驱动着千千万万个网站，我对这些非常感兴趣，所以特地来拜见各位大师，前来取经呀!
赶明打造一辆自己的爱驾！努力学习中，支持！
39. Denis | 2008:01:01 - 10:01:25 | #
驾，驾！
40. teikinka | 2008:01:06 - 16:51:26 | #
没有404错误页的说明啊
41. Hitbali | 2008:01:17 - 09:13:30 | #
我想我还得多多努力，毕竟自己做模板自己还没有想过，还得谢谢鱼兄的慷慨解囊，教程相赠
42. chiza | 2008:01:20 - 20:19:05 | #
都要写才能留言..
43. caocao | 2008:01:23 - 21:57:29 | #
以前貌似来过，留言与否就忘记了，呵呵，今日在路过，在看一遍。
44. 软色 | 2008:01:31 - 20:14:06 | #
关注博主、关注wordpress，准备转投WordPress
45. 恐龙 | 2008:02:07 - 01:48:37 | #
非常感谢您能提供这么好的翻译,我会好好学习学习的.
46. vivio | 2008:02:29 - 23:02:05 | #
47. 初学者 | 2008:04:10 - 17:13:50 | #
我能不能把你这些课程列表整理成pdf文档，挂在网上，让人下载。
48. Denis | 2008:07:09 - 02:56:49 | #
已经有PDF，麻烦搜索下！
49. 悠悠吖吖 | 2008:05:28 - 21:22:46 | #
飞猪太厉害了 膜拜中
50. TS | 2008:08:15 - 16:09:21 | #
学习了，一直从这里汲取WP的营养，非常感谢denis
不过ls好像是漏网的spam?
51. Denis | 2008:08:15 - 16:22:52 | #
谢谢提醒，删除了。
52. Li | 2008:08:20 - 11:37:07 | #
很有用的文章,感谢原作者及译者!!
53. Poshi | 2008:08:23 - 10:43:43 | #
题目改译为“你很想创建WordPress主题吗“，也许会好一些？
54. robin | 2008:08:26 - 20:44:12 | #
太好了，学习中，支持
55. 趣站集 | 2008:09:09 - 16:55:53 | #
国内wp模板的教程中，Denis是最优秀的了，感谢一下。
56. wanlingjun | 2008:10:02 - 09:28:26 | #
感谢
57. HK | 2008:11:07 - 20:15:53 | #
学习中，谢谢翻译！
58. 林晨 | 2008:11:11 - 20:03:13 | #
好多啊，慢慢研究中
59. 木子悦 | 2008:11:28 - 20:01:28 | #
挺佩服你们的，我也想去学，可现在的时间不请允许我去学习这些，哎，想找个钟意的主题真难呀……
60. 和氏璧 | 2008:12:19 - 16:05:12 | #
正打算学习呢，搜尽网上的教程，好像只有这里的最好！谢谢您的无私贡献！
61. 阿Q | 2008:12:24 - 15:15:13 | #
想学,可是没时间.
62. ps | 2008:12:24 - 17:03:41 | #
不得不留言了，作为一个wp菜鸟，看了很多水煮鱼的东西，找到这篇文章时，我无比激动。非常感谢！
63. ps | 2009:01:19 - 10:29:06 | #
多谢楼主，继续学习中…
64. frog | 2009:03:10 - 09:32:48 | #
努力学习中
65. jumkey | 2009:03:27 - 22:08:25 | #
不错，适合我这种英语差的。
66. zkay | 2009:04:06 - 17:52:24 | #
真的好像谢谢你啊，呵呵，正在学习中呢!
67. shazeer | 2009:04:18 - 16:12:20 | #
感谢水煮鱼，非常好的中文教程。
68. dontzheteng | 2009:06:28 - 00:51:04 | #
下载不了呢
能否邮件发送下 或修改下下载地址呀
69. jahjess | 2009:10:19 - 14:26:35 | #
我来学习一下，感谢博主的辛苦工作。
70. the7ii | 2009:10:22 - 13:05:11 | #
71. 孔矾建 | 2009:12:10 - 17:26:09 | #
你好,我想知道你的博客的那种通过其它的(豆瓣GMAIL)登陆来进行留言评论是怎样实现的,如果方便的话请到我的BLOG留言或者给我发送一封MAIL,谢谢!
HTTP://WWW.KOFJ.COM.CN
72. Denis | 2010:01:17 - 01:38:36 | #
不要那么懒，自己搜索！
73. 孔矾建 | 2009:12:10 - 17:28:10 | #
你的blog打开的好慢那！！怎么回事？
74. 丸子 | 2009:12:15 - 09:52:13 | #
我靠，这个教程牛了B了。。。又大又全！
以后有人问都推荐到这里来。。
75. myst | 2009:12:15 - 13:38:45 | #
这个……鱼叔鞭尸啊
76. Denis | 2009:12:15 - 13:42:46 | #
囧，每个人都在成长，以前写的东西显然有些问题了！要修正！，
77. 酿泉为酒 | 2009:12:15 - 19:05:38 | #
这东西又出现在阅读器还真把我吓了一跳
78. kisa747 | 2009:12:15 - 23:55:14 | #
最近也开始学习主题，学习了
79. SATURN | 2009:12:17 - 10:22:05 | #
很好的教程，收藏了！
80. feng2002 | 2009:12:24 - 09:19:02 | #
课程链接里面少了第4个教程。
81. 雷 | 2010:01:18 - 15:29:55 | #
学习了
82. Pink | 2010:03:18 - 23:51:48 | #
这个很值得收藏