那么你想创建 WordPress 主题吗?
June 4th, 2007 at 12:42am 雪山飞猪 浏览: 18,887
从零开始创建 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?。我尽量每天翻译一篇以上,这是一个比较大工程,希望大家能够帮我校对和修正。
作者:雪山飞猪
原文链接:那么你想创建 WordPress 主题吗?
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。



1. 剑指天下 | June 4th, 2007 at 1:26 am
Denis 最近英语进步越来越快啊,这种翻译工作真是获益良多阿。什么时候招聘一些翻译家阿,哈哈
[回复该留言]
2. keke | June 14th, 2007 at 9:08 pm
怎么都是ping的,我来留一条!
[回复该留言]
3. 央街浪子 | June 14th, 2007 at 9:18 pm
我也留一条,加油!
[回复该留言]
4. 雪山飞猪 | June 14th, 2007 at 9:36 pm
大哥们,能不能留点有建设性的?嘻嘻
[回复该留言]
5. star | June 15th, 2007 at 10:33 am
学习中,支持
[回复该留言]
6. robinham | June 19th, 2007 at 10:09 am
跟踪,关注~
[回复该留言]
7. 强悍的兔子 | July 4th, 2007 at 4:58 pm
谢谢你的翻译,我会好好学习一下的,谢谢
[回复该留言]
8. erdaoo | July 10th, 2007 at 1:23 am
vb 好东西 呀
[回复该留言]
9. erdaoo | July 10th, 2007 at 1:28 am
我学到了不少的东西,我全都记在本子上了,站长真是好人呀。
如果可以用中国人说话的习惯来写会更好懂一些。
在第四篇里。第一次看没有看明白。以为是把bead模版文件放在网页的bead的部分里呢。其实是放在了bady里用DIV来分隔开。要知道好多人是从静态网页开始做的呀,所以站长看看是否有必要加多一句来注明呢。
我会修改一些内容后,放在我的网站上公布此教程,我会注明是你这里的出处的。
最后说一声多谢!!!
[回复该留言]
10. 雪山飞猪 | July 10th, 2007 at 9:26 am
to erdaoo,因为这个教程是翻译的,如果你在看得时候发现什么地方说的不是很明白,我希望你能够给我留言,当然你可以转载我的教程,但是我希望你遵循CC协议,我暂时还不允许对我的文章再加工发表!更希望你更多给我提意见和留言!
[回复该留言]
11. erdaoo | July 13th, 2007 at 1:37 pm
还有一个就可以结束了,继续努力呀,我现在才知道写一个教程是多么地不容易,二天时间我就看完教程了,但是写了三天也才写到一半。我所说的教程的含义是,我从你这里学到了知识,我消化理解后,依我的感想而写,我不保留任何权利,有成果也是属于你的。我的建议就是部分内容可否用中国人的讲话习惯来讲述,学起来才不会有生硬的感觉。
[回复该留言]
12. 雪山飞猪 | July 13th, 2007 at 2:45 pm
to erdaoo,
谢谢你的意见,由于我们不是专业翻译,所以可能语言上组织的不好,以后有时间,我还是会去review这些教程的,我也是在学习中,如果你觉得哪个地方有问题或者表达不清楚,请帮忙指出,万分感谢!呵呵,当你可以看完教程之后,依照自己的感想写,希望到时候可以给我看看,希望能够转载到我爱水煮鱼上,以便能够给大家帮助,谢谢!
[回复该留言]
13. kaweh | July 14th, 2007 at 8:58 am
老大,如果能作成电子书就更好了:)
[回复该留言]
14. ifender | July 14th, 2007 at 9:41 am
非常支持。。感谢
[回复该留言]
15. 雪山飞猪 | July 14th, 2007 at 10:06 am
过一段时间,做些修改校正之后,就作成电子书。
[回复该留言]
16. ifender | July 14th, 2007 at 11:10 am
请教下,我主页那个模版,我一定footer就出问题,footer。php的内容会显示在页顶,如何解决:)谢谢了
[回复该留言]
17. ifender | July 14th, 2007 at 11:19 am
ub_modicus
就象这个demo
你看页面上有个download from wpt
就是footer.php的内容 谢谢了
[回复该留言]
18. 雪山飞猪 | July 14th, 2007 at 11:49 am
在CSS文件中,增加以下代码试下
#footer {
width: 916px;
clear:both;
}
[回复该留言]
19. ifender | July 14th, 2007 at 12:13 pm
还是不行:)
[回复该留言]
20. 雪山飞猪 | July 14th, 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 14th, 2007 at 12:51 pm
这些代码我是调试的时候加上看有没有效果。是很乱,还是没办法的:)谢谢了哈 只有等官方修正了
[回复该留言]
22. erdaoo | July 14th, 2007 at 1:44 pm
我要是把我写的完成之后,肯定第一个传给你看一下了。不过真的不好写呀,总是不好措词。有邮箱吗,到时我发给你看。
[回复该留言]
23. erdaoo | July 17th, 2007 at 1:04 am
给我一个回答,为什么我的邮箱中会有别人在这里的留言呢?这是怎么设置的,我不想收到这些个邮件。
[回复该留言]
24. 雪山飞猪 | July 17th, 2007 at 1:07 am
看留言框的下面,是不是有个订阅留言,请几天不小心设置默认为选上,我在后台给你删除
[回复该留言]
25. Jaunt | September 10th, 2007 at 2:37 pm
我来送瓶汽油,呵呵
[回复该留言]
26. zhilun | October 12th, 2007 at 11:59 pm
找到队伍了,慢慢看,慢慢作
[回复该留言]
27. 胡戈戈 | November 3rd, 2007 at 8:51 pm
顶!!!!!!
[回复该留言]
28. 嘉林 | November 4th, 2007 at 6:50 pm
虽然我不学,但进来表示一下敬意。
[回复该留言]
29. caocao | November 5th, 2007 at 10:03 pm
不错,一直在找这样的教程。我也要学学做做个wp的主题。
[回复该留言]
30. howkey | November 6th, 2007 at 12:07 pm
作者辛苦了
[回复该留言]
31. 黑色饼干 | December 5th, 2007 at 1:40 am
呵呵,真是好,收藏起来先
[回复该留言]
32. Lonley | December 20th, 2007 at 7:26 pm
你的博真不错..喜欢上了......
[回复该留言]
33. hhilp | December 24th, 2007 at 4:05 pm
好好好好!我喜欢.顺便请教下你那个鼠标跟随的访问信息效果是怎么做的啊!可以发给我么?hhilp@qq.com谢了哈!!
[回复该留言]
34. 雪山飞猪 | December 24th, 2007 at 4:46 pm
@hhilp http://fairyfish.net/2007/12/11/statistic-tool-clicki/
[回复该留言]
35. aniu | December 31st, 2007 at 11:31 pm
辛苦了,这么多内容,整理的很好!
[回复该留言]
雪山飞猪 reply on January 1, 2008:
你也可以整理啊!
[回复该留言]
aniu reply on January 4, 2008:
偶正在学习中,对web不很懂不敢乱讲话,呵呵,在稍微在行的地方我也是有分享精神的~
网络之所以大,就是因为有你们存在!
[回复该留言]
36. MoDn | January 1st, 2008 at 4:08 am
在网上看到帖子说,用WP可以做CMS,BBS,可以做ERP什么的,越来越觉得开源的好处了,它就像一台能够根据自己的需求而随意拆卸改装的马达,驱动一辆辆崭新的宝马,大奔,驱动着千千万万个网站,我对这些非常感兴趣,所以特地来拜见各位大师,前来取经呀!
赶明打造一辆自己的爱驾!努力学习中,支持!
[回复该留言]
雪山飞猪 reply on January 1, 2008:
驾,驾!
[回复该留言]
37. teikinka | January 6th, 2008 at 4:51 pm
没有404错误页的说明啊
[回复该留言]
38. Hitbali | January 17th, 2008 at 9:13 am
我想我还得多多努力,毕竟自己做模板自己还没有想过,还得谢谢鱼兄的慷慨解囊,教程相赠
[回复该留言]
39. chiza | January 20th, 2008 at 8:19 pm
都要写才能留言..
[回复该留言]
40. caocao | January 23rd, 2008 at 9:57 pm
以前貌似来过,留言与否就忘记了,呵呵,今日在路过,在看一遍。
[回复该留言]
41. 软色 | January 31st, 2008 at 8:14 pm
关注博主、关注wordpress,准备转投WordPress
[回复该留言]
42. 恐龙 | February 7th, 2008 at 1:48 am
非常感谢您能提供这么好的翻译,我会好好学习学习的.
[回复该留言]
43. vivio | February 29th, 2008 at 11:02 pm
[回复该留言]
44. 初学者 | April 10th, 2008 at 5:13 pm
我能不能把你这些课程列表整理成pdf文档,挂在网上,让人下载。
[回复该留言]