我爱水煮鱼 » WordPress » WordPress 主题教程：从零开始制作 WordPress 主题

WordPress 主题教程：从零开始制作 WordPress 主题

Denis 2007年06月04日 浏览：185638

从零开始制作 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 主题。

原文：link

标签：

分享到：

111 条评论 添加你的评论 →

  • 剑指天下 2007-06-04 01:26:16 #

    Denis 最近英语进步越来越快啊，这种翻译工作真是获益良多阿。什么时候招聘一些翻译家阿，哈哈

    支持2 反对

  • keke 2007-06-14 21:08:01 #

    怎么都是ping的，我来留一条！

    支持 反对

  • 央街浪子 2007-06-14 21:18:26 #

    我也留一条，加油！

    支持1 反对

  • Denis 2007-06-14 21:36:10 #

    大哥们，能不能留点有建设性的？嘻嘻 :-)

    支持 反对1

  • star 2007-06-15 10:33:40 #

    学习中，支持

    支持 反对

  • robinham 2007-06-19 10:09:59 #

    跟踪，关注~

    支持1 反对

  • 强悍的兔子 2007-07-04 16:58:50 #

    谢谢你的翻译，我会好好学习一下的，谢谢

    支持 反对

  • erdaoo 2007-07-10 01:23:58 #

    vb 好东西 呀

    支持 反对

  • erdaoo 2007-07-10 01:28:38 #

    我学到了不少的东西，我全都记在本子上了，站长真是好人呀。
    如果可以用中国人说话的习惯来写会更好懂一些。
    在第四篇里。第一次看没有看明白。以为是把bead模版文件放在网页的bead的部分里呢。其实是放在了bady里用DIV来分隔开。要知道好多人是从静态网页开始做的呀，所以站长看看是否有必要加多一句来注明呢。
    我会修改一些内容后，放在我的网站上公布此教程，我会注明是你这里的出处的。
    最后说一声多谢！！！

    支持 反对

  • Denis 2007-07-10 09:26:54 #

    to erdaoo，因为这个教程是翻译的，如果你在看得时候发现什么地方说的不是很明白，我希望你能够给我留言，当然你可以转载我的教程，但是我希望你遵循CC协议，我暂时还不允许对我的文章再加工发表！更希望你更多给我提意见和留言！

    支持 反对

  • erdaoo 2007-07-13 13:37:34 #

    还有一个就可以结束了，继续努力呀，我现在才知道写一个教程是多么地不容易，二天时间我就看完教程了，但是写了三天也才写到一半。我所说的教程的含义是，我从你这里学到了知识，我消化理解后，依我的感想而写，我不保留任何权利，有成果也是属于你的。我的建议就是部分内容可否用中国人的讲话习惯来讲述，学起来才不会有生硬的感觉。

    支持 反对

  • Denis 2007-07-13 14:45:47 #

    to erdaoo，
    谢谢你的意见，由于我们不是专业翻译，所以可能语言上组织的不好，以后有时间，我还是会去review这些教程的，我也是在学习中，如果你觉得哪个地方有问题或者表达不清楚，请帮忙指出，万分感谢！呵呵，当你可以看完教程之后，依照自己的感想写，希望到时候可以给我看看，希望能够转载到我爱水煮鱼上，以便能够给大家帮助，谢谢！

    支持 反对

  • kaweh 2007-07-14 08:58:12 #

    老大，如果能作成电子书就更好了：）

    支持 反对

  • ifender 2007-07-14 09:41:00 #

    非常支持。。感谢

    支持 反对

  • Denis 2007-07-14 10:06:23 #

    过一段时间，做些修改校正之后，就作成电子书。

    支持1 反对

  • ifender 2007-07-14 11:10:10 #

    请教下，我主页那个模版，我一定footer就出问题，footer。php的内容会显示在页顶，如何解决：）谢谢了

    支持 反对

  • ifender 2007-07-14 11:19:22 #

    ub_modicus

    就象这个demo

    你看页面上有个download from wpt

    就是footer.php的内容 谢谢了

    支持 反对

  • Denis 2007-07-14 11:49:24 #

    在CSS文件中，增加以下代码试下

    #footer {
    width: 916px;
    clear:both;
    }

    支持 反对

  • ifender 2007-07-14 12:13:49 #

    还是不行：）

    支持 反对

  • 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;

    如果还是不行，我就不知道了，你使用这个主题的文件比较凌乱，很难改。

    支持 反对

  • ifender 2007-07-14 12:51:48 #

    这些代码我是调试的时候加上看有没有效果。是很乱，还是没办法的：）谢谢了哈 只有等官方修正了

    支持 反对

  • erdaoo 2007-07-14 13:44:00 #

    我要是把我写的完成之后，肯定第一个传给你看一下了。不过真的不好写呀，总是不好措词。有邮箱吗，到时我发给你看。

    支持 反对

  • erdaoo 2007-07-17 01:04:41 #

    给我一个回答，为什么我的邮箱中会有别人在这里的留言呢？这是怎么设置的，我不想收到这些个邮件。

    支持 反对

  • Denis 2007-07-17 01:07:24 #

    看留言框的下面，是不是有个订阅留言，请几天不小心设置默认为选上，我在后台给你删除

    支持 反对

  • Jaunt 2007-09-10 14:37:54 #

    我来送瓶汽油，呵呵

    支持 反对

1 2 3 4

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼：

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册。