首页 » WordPress 主题 » 那么你想创建 WordPress 主题吗?

那么你想创建 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 主题吗?
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

17fav 收藏本文

69 Comments Add your own

  • 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

    :cool: 学习了

    [回复该留言]

  • 44. 初学者  |  April 10th, 2008 at 5:13 pm

    我能不能把你这些课程列表整理成pdf文档,挂在网上,让人下载。

    [回复该留言]

发表评论

必须

必填,打死不公开

:mrgreen: :neutral: :twisted: :arrow: :shock: :smile: :???: :cool: :evil: :grin: :idea: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: :!: :?:

Warcraft WordPress Theme WP Theme 教程 #1:介绍


订阅

本站推荐

分类

Clicki