那么你想创建 WordPress 主题吗？
June 4th, 2007 Denis
从零开始创建 WordPress 主题其实不难，我会手把手教你。
关于创建 WordPress 主题的教程这个话题已经被人写过，并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的行话的话，这些教程或者向导真的对你有帮助吗？甚至当我阅读 WordPress 上向导的时候，我都迷失了。
工具，在我继续之前，你需要下面这些工具：
- 安装 WordPress 在你的电脑上，你可以参考在 Installing WordPress Locally Under Windows XP 的安装说明。如果你由于无论原因不能在你的电脑上安装 WordPress，不用担心，你可以在你的服务器上安装一个测试版的 WordPress。
- 记事本或者其他的文本编辑器，我用记事本。（译者注：推荐 NotePad++）
- SmartFTP – 如果你要在线测试主题，我建议你下载和安装使用 SmartFTP 或者其他的 FTP 程序去上传你的主题文件。
- 收藏 XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题。当你需要去认出和改正错误的时候，他们也有用武之地。
完整课程列表
#1 Intro — 介绍
#2 Template Files and Templates — 模板文件和模板
#3 Starting Index.php — 开始 Index.php
#4 Header Template — Header 模板
#4b Header Template Continues — Header 模板 2
#5 The Loop — 主循环
#5b The Content — 日志内容
#5c Postmetadata — 日志元数据
#5d Else, Post ID, Link Title — Else，日志 ID，链接标题
#5e Posts Nav Link — 日志导航链接
#6 Sidebar (and Categories) — 侧边栏
#6b Page-Link Listing (wp_list_pages) — 页面链接列表
#6c Get Archives and Links — 存档和链接列表
#6d Search Form and Calendar — 搜索框和日历
#6e Widgetizing Sidebar — 窗体化侧边栏
#7 Footer — 尾部
#8 How to Validate — 如何验证
#9 Style.css and CSS Intro — Style.css 和 CSS 介绍
#10 hex Codes and Styling Links — 十六进制颜色代码和样式化链接
#11 Widths and Floats — 宽度和布局
#12 Post Formatting and Miscellaneous — 日志样式化和其他杂项
#13 Styling Sidebar — 样式化侧边栏
#14 Footer and Diving Index — 底部和拆分 Index
#15 Sub-template Files — 子模板文件
#16 Comments Template — 留言模板
本文翻译自：So you want to create WordPress themes huh?。我尽量每天翻译一篇以上，这是一个比较大工程，希望大家能够帮我校对和修正。
作者：Denis
原文链接：那么你想创建 WordPress 主题吗？
111 条评论 添加你的评论
Trackbacks/Pingbacks
- WordPress中文界，首届主题设计大赛 | 随便说说SBTalk
- Roader’s Blog » Blog Archive » 想设计款Wordpress主题
- 主题测试中 - Xu.hel’s Blog
- 毒蝎子的点滴生活 » 关于我的性格
- SoAi’ Blog » 从零开始创建 WordPress 主题
- 更改网站模板及新增WordPress Plugins备忘 » My IT Life
- 读者推荐：如何平衡blogging与生活？ - 博客联盟
- Yo2
- Yo2 | MY WEBLOG
- 小憩十分钟 » Blog Archive » 从零开始创建 WordPress 主题
- Yo2 | 晓春二月
- Wordpress简易教程 |
- 修改WordPress-XP Theme_Leaveoff’s Blog
- Wordpress主题创建教程 | Out port
- wordpress主题教程,离线编辑工具和缩略名slug_from_title插件 - G - 多言焉所告，繁辞将诉谁？
- G » Blog Archive » wordpress主题教程,离线编辑工具和slug_from_title插件
- 红色CMS主题最新版 | Freedom
- {木头记} » Blog Archive » WordPress主题教程及相关
- EZY Street » Blogging Accessories
- DoHome » Blog Archive » wordpress主题的修改
- 设计至死 » 博客文章 » 调整模板，初步领会了php和CSS
- 用WordPress做独立博客的注意事项 (安装篇) | WEBabie.com
- 正在建设中 嘟…嘟…嘟… | Junyi’s Design Journal
- keycn.com » Blog Archive » WordPress系列
- 再次换回TES主题
- 预告：关于WP theme 和 DNN skin | Ben's Blog
- wordpress 主题（模板）制作教程 | 自由职业者
- 乐只君子 » Blog Archive » 乐只君子诞生记(3)—WordPress主题制作
- Robot5’s blog » Blog Archive » 测试
- Rlog » 新鲜皮肤出炉了(TimeMachine)
- 在WP学习道路上不错的资源
- cizi blog » Blog Archive » 这个星期的任务就是博客的主题制作！
- 在WP学习道路上不错的资源 | 败叶残枫
- 關于Wordpress主题制作 | 天津蜜糖视觉-sugar98
- 怎样设计wordpress主题？ | "他爱你"博客
- 诗意地栖息在大地上 » 周六，我认真的学习wp主题制作
- 恍然如隔世 » Blog Archive » 被wordpress搞
- wordpress theme-wp主题的更换 « 三十而立
- 2009年第一博 | Wang Chengxi's Blog
- 摇摆象
- 结束啦 | 凌紫枫
- wordpress Theme一步步制作教程!第二课（图解） | 邮莓爱好者~喜爱黑莓
- 如何创建 WordPress 主题 | 精品博客
1. 剑指天下 | June 4, 2007 at 1:26 am | #
Denis 最近英语进步越来越快啊，这种翻译工作真是获益良多阿。什么时候招聘一些翻译家阿，哈哈
2. keke | June 14, 2007 at 9:08 pm | #
怎么都是ping的，我来留一条！
3. 央街浪子 | June 14, 2007 at 9:18 pm | #
我也留一条，加油！
4. Denis | June 14, 2007 at 9:36 pm | #
大哥们，能不能留点有建设性的？嘻嘻
5. star | June 15, 2007 at 10:33 am | #
学习中，支持
6. robinham | June 19, 2007 at 10:09 am | #
跟踪，关注~
7. 强悍的兔子 | July 4, 2007 at 4:58 pm | #
谢谢你的翻译，我会好好学习一下的，谢谢
8. erdaoo | July 10, 2007 at 1:23 am | #
vb 好东西 呀
9. erdaoo | July 10, 2007 at 1:28 am | #
我学到了不少的东西，我全都记在本子上了，站长真是好人呀。
如果可以用中国人说话的习惯来写会更好懂一些。
在第四篇里。第一次看没有看明白。以为是把bead模版文件放在网页的bead的部分里呢。其实是放在了bady里用DIV来分隔开。要知道好多人是从静态网页开始做的呀，所以站长看看是否有必要加多一句来注明呢。
我会修改一些内容后，放在我的网站上公布此教程，我会注明是你这里的出处的。
最后说一声多谢！！！
10. Denis | July 10, 2007 at 9:26 am | #
to erdaoo，因为这个教程是翻译的，如果你在看得时候发现什么地方说的不是很明白，我希望你能够给我留言，当然你可以转载我的教程，但是我希望你遵循CC协议，我暂时还不允许对我的文章再加工发表！更希望你更多给我提意见和留言！
11. erdaoo | July 13, 2007 at 1:37 pm | #
还有一个就可以结束了，继续努力呀，我现在才知道写一个教程是多么地不容易，二天时间我就看完教程了，但是写了三天也才写到一半。我所说的教程的含义是，我从你这里学到了知识，我消化理解后，依我的感想而写，我不保留任何权利，有成果也是属于你的。我的建议就是部分内容可否用中国人的讲话习惯来讲述，学起来才不会有生硬的感觉。
12. Denis | July 13, 2007 at 2:45 pm | #
to erdaoo，
谢谢你的意见，由于我们不是专业翻译，所以可能语言上组织的不好，以后有时间，我还是会去review这些教程的，我也是在学习中，如果你觉得哪个地方有问题或者表达不清楚，请帮忙指出，万分感谢！呵呵，当你可以看完教程之后，依照自己的感想写，希望到时候可以给我看看，希望能够转载到我爱水煮鱼上，以便能够给大家帮助，谢谢！
13. kaweh | July 14, 2007 at 8:58 am | #
老大，如果能作成电子书就更好了：）
14. ifender | July 14, 2007 at 9:41 am | #
非常支持。。感谢
15. Denis | July 14, 2007 at 10:06 am | #
过一段时间，做些修改校正之后，就作成电子书。
16. ifender | July 14, 2007 at 11:10 am | #
请教下，我主页那个模版，我一定footer就出问题，footer。php的内容会显示在页顶，如何解决：）谢谢了
17. ifender | July 14, 2007 at 11:19 am | #
ub_modicus
就象这个demo
你看页面上有个download from wpt
就是footer.php的内容 谢谢了
18. Denis | July 14, 2007 at 11:49 am | #
在CSS文件中，增加以下代码试下
#footer {
width: 916px;
clear:both;
}
19. ifender | July 14, 2007 at 12:13 pm | #
还是不行：）
20. Denis | July 14, 2007 at 12:41 pm | #
看到你的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 | July 14, 2007 at 12:51 pm | #
这些代码我是调试的时候加上看有没有效果。是很乱，还是没办法的：）谢谢了哈 只有等官方修正了
22. erdaoo | July 14, 2007 at 1:44 pm | #
我要是把我写的完成之后，肯定第一个传给你看一下了。不过真的不好写呀，总是不好措词。有邮箱吗，到时我发给你看。
23. erdaoo | July 17, 2007 at 1:04 am | #
给我一个回答，为什么我的邮箱中会有别人在这里的留言呢？这是怎么设置的，我不想收到这些个邮件。
24. Denis | July 17, 2007 at 1:07 am | #
看留言框的下面，是不是有个订阅留言，请几天不小心设置默认为选上，我在后台给你删除
25. Jaunt | September 10, 2007 at 2:37 pm | #
我来送瓶汽油，呵呵
26. zhilun | October 12, 2007 at 11:59 pm | #
找到队伍了，慢慢看，慢慢作
27. 胡戈戈 | November 3, 2007 at 8:51 pm | #
顶！！！！！！
28. 嘉林 | November 4, 2007 at 6:50 pm | #
虽然我不学，但进来表示一下敬意。
29. caocao | November 5, 2007 at 10:03 pm | #
不错，一直在找这样的教程。我也要学学做做个wp的主题。
30. howkey | November 6, 2007 at 12:07 pm | #
作者辛苦了
31. 黑色饼干 | December 5, 2007 at 1:40 am | #
呵呵，真是好，收藏起来先
32. Lonley | December 20, 2007 at 7:26 pm | #
你的博真不错..喜欢上了……
33. hhilp | December 24, 2007 at 4:05 pm | #
好好好好!我喜欢.顺便请教下你那个鼠标跟随的访问信息效果是怎么做的啊!可以发给我么?hhilp@qq.com谢了哈!!
34. Denis | December 24, 2007 at 4:46 pm | #
@hhilp http://fairyfish.net/2007/12/11/statistic-tool-clicki/
35. aniu | December 31, 2007 at 11:31 pm | #
辛苦了,这么多内容,整理的很好!
36. Denis | January 1, 2008 at 9:59 am | #
你也可以整理啊！
37. aniu | January 4, 2008 at 2:21 am | #
偶正在学习中，对web不很懂不敢乱讲话，呵呵，在稍微在行的地方我也是有分享精神的~
网络之所以大，就是因为有你们存在！
38. MoDn | January 1, 2008 at 4:08 am | #
在网上看到帖子说，用WP可以做CMS，BBS，可以做ERP什么的，越来越觉得开源的好处了，它就像一台能够根据自己的需求而随意拆卸改装的马达，驱动一辆辆崭新的宝马，大奔，驱动着千千万万个网站，我对这些非常感兴趣，所以特地来拜见各位大师，前来取经呀!
赶明打造一辆自己的爱驾！努力学习中，支持！
39. Denis | January 1, 2008 at 10:01 am | #
驾，驾！
40. teikinka | January 6, 2008 at 4:51 pm | #
没有404错误页的说明啊
41. Hitbali | January 17, 2008 at 9:13 am | #
我想我还得多多努力，毕竟自己做模板自己还没有想过，还得谢谢鱼兄的慷慨解囊，教程相赠
42. chiza | January 20, 2008 at 8:19 pm | #
都要写才能留言..
43. caocao | January 23, 2008 at 9:57 pm | #
以前貌似来过，留言与否就忘记了，呵呵，今日在路过，在看一遍。
44. 软色 | January 31, 2008 at 8:14 pm | #
关注博主、关注wordpress，准备转投WordPress
45. 恐龙 | February 7, 2008 at 1:48 am | #
非常感谢您能提供这么好的翻译,我会好好学习学习的.
46. vivio | February 29, 2008 at 11:02 pm | #
47. 初学者 | April 10, 2008 at 5:13 pm | #
我能不能把你这些课程列表整理成pdf文档，挂在网上，让人下载。
48. Denis | July 9, 2008 at 2:56 am | #
已经有PDF，麻烦搜索下！
49. 悠悠吖吖 | May 28, 2008 at 9:22 pm | #
飞猪太厉害了 膜拜中
50. TS | August 15, 2008 at 4:09 pm | #
学习了，一直从这里汲取WP的营养，非常感谢denis
不过ls好像是漏网的spam?
51. Denis | August 15, 2008 at 4:22 pm | #
谢谢提醒，删除了。
52. Li | August 20, 2008 at 11:37 am | #
很有用的文章,感谢原作者及译者!!
53. Poshi | August 23, 2008 at 10:43 am | #
题目改译为“你很想创建WordPress主题吗“，也许会好一些？
54. robin | August 26, 2008 at 8:44 pm | #
太好了，学习中，支持
55. 趣站集 | September 9, 2008 at 4:55 pm | #
国内wp模板的教程中，Denis是最优秀的了，感谢一下。
56. wanlingjun | October 2, 2008 at 9:28 am | #
感谢
57. HK | November 7, 2008 at 8:15 pm | #
学习中，谢谢翻译！
58. 林晨 | November 11, 2008 at 8:03 pm | #
好多啊，慢慢研究中
59. 木子悦 | November 28, 2008 at 8:01 pm | #
挺佩服你们的，我也想去学，可现在的时间不请允许我去学习这些，哎，想找个钟意的主题真难呀……
60. 和氏璧 | December 19, 2008 at 4:05 pm | #
正打算学习呢，搜尽网上的教程，好像只有这里的最好！谢谢您的无私贡献！
61. 阿Q | December 24, 2008 at 3:15 pm | #
想学,可是没时间.
62. ps | December 24, 2008 at 5:03 pm | #
不得不留言了，作为一个wp菜鸟，看了很多水煮鱼的东西，找到这篇文章时，我无比激动。非常感谢！
63. ps | January 19, 2009 at 10:29 am | #
多谢楼主，继续学习中…
64. frog | March 10, 2009 at 9:32 am | #
努力学习中
65. jumkey | March 27, 2009 at 10:08 pm | #
不错，适合我这种英语差的。
66. zkay | April 6, 2009 at 5:52 pm | #
真的好像谢谢你啊，呵呵，正在学习中呢!
67. shazeer | April 18, 2009 at 4:12 pm | #
感谢水煮鱼，非常好的中文教程。
68. dontzheteng | June 28, 2009 at 12:51 am | #
下载不了呢
能否邮件发送下 或修改下下载地址呀