WordPress主题制作完全指南

自己是喜欢换主题的人，就在写博客的最初阶段，自己用的是sablog程序，会换成WordPress，也是因为它的主题用也用不完。可是，后来，我发现，即使拥有这么多免费的主题，还是很难找到一个完全适合一自己口味和品位的主题。所以，开始尝试找一些如何制作Wordpress 主题的教程。当然，很可惜，没有找到。找到的也写得很不全面，只能一直自已摸索。

今天，我准备写这样的一个教程。把如何制作一个Wordpress主题的主要知识全部介绍给你。或者，更确切地说，我会把主要的方法和工具，加上一些必要的技术介绍给你，让你拥有最必要资源、省更多的时间，而更轻松创建一个Wordpress主题。一般情况下，你会想，我是不是有能力创建一个 WordPress主题？下面是适合的群体，即所有有兴趣的人都是可以的，这里的教程会让你成功的：

懂得CSS，但不熟悉Wordpress主题的；
不懂CSS，但有兴趣，并且会争取实现的；
不想写一个完整的主题，但想把别人的主题修改得漂亮的。

让我们先来看一个列出你可能需要的一些东西吧，下面会全面介绍这些：

WordPress本地调试工具：下载地址：Xampp 或 EasyPHP ；
WordPress程序，下载请到：WordPress Download；
基本的CSS知识，如果不想看书，这里是非常好的学习地方：CSS教程；
WordPress主题制作电子书：Download it；
可以让你节省时间的空白主题；
相关的代码+函数；
完善你的WordPress主题；
网页制作的浏览器和调工具；
推荐几个创作灵感的CSS Gallery

OK，让我们一个一个来介绍吧：

WordPress本地调试工具
Xampp，当然，最重要的是事是你已经下载了它。基本上，你只要一直按”下一步”就可以了。然后，把你的wordpress放在htdos这个文件里面。然后访问：http://localhost/phpmyadmin/，创建一个数据库。打开wp文件夹里面的wp-config-simple.php修改里面面的必要信息。打开 http://localhost/wordpress/就可以安装了。

EasyPHP ，这个更容易了，我推荐新手使用这个。安装还是一直按”下一步”就得了。然后把你的wordpress文件夹放在，www这个文件夹里，访问http://localhost/mysql/创建数据库。打开http://localhost/，这就可以看到你的WP了。然后，安装WP，跟上面一样。

Notice: 需要注意的是像迅雷之类的工具，会占用端口，最好关了它们，启动这两个软件的随便一个后，再启用这些工具，可以共享的。
WordPress程序
英文版的可以在官方下载，上面的下载链接也是英文版的，了解更多？那么，移步WordPress.ORG吧；

中文汉化的可以看：WP中文团队汉化版
基本的CSS知识
在CSS教程这个站里面，可以让你不费力地学习CSS，还有HTML/xHTML/XML等。最重要的是有实例，这样可以让你轻松理解。虽然我自己是看书学习的，但我想，这里或许会更适合你。如果是看书的话，我推荐你看两本。不过，是在有一些CSS基础看的。第一本是：《CSS网站布局实录》科学出版社；第二本是《精通CSS》，人民邮电出版社。
WordPress制作电子书
这是一本由WPdesigner.com的small potato写的教程。原文是英文的，Denis翻译了，也就是我爱水煮鱼的中文版本，我想，这对于中文用户更有用。但，有时候，翻译会有一些理解上的困难。所以，建议你对比英文版的看。那样可以让你更确切地了解每个细节。中文版的在上面那个链接已经提供下载，英文的请移步至： WPdesigner Version。

如果你想要更高级的指南，请看：精通Wordpress主题。
WordPress空白主题
或许你从来未听过这个，或者已经看过，只是感觉他们太难看了，所以没有过多地关注。甚至认为，这么垃圾的主题，怎么还放出来下载呢？呵呵，事实上，这些是真正的高手才能做到的。OK，废话太多了，下载吧！首选当然是结构良好的Sandbox，请看：WordPress主题制作新手必备品: Sandbox Theme；备选的是，WordPress Blank Theme（Download）。而无论如何，这些会让你省力，特别是作为一个新手。不过，创建自己最具特色的主题，还是需要自己把这些主题的结构作一些变化的，最好是自己重写一个。
相关的代码和函数
最重要的是：WordPress Template Tags，这里可以找到你需要所有函数，我想，没有比这个在找代码这方面，更能帮助到你的。更多的可以看：WPer必备：汇编大量Wordpress代码。
完善你的WordPress主题
或许你想做一个CMS主题，或者一个Magazine主题。但总找不到一所需要的技术。你想为你的博客添加Ajax功能的评论，但你没有不知道怎么做。这里会教你怎么完成的：
- WordPress自定义字段添加日志图片 // Magazine主题必备知识
- WordPress打造CMS教程 // CMS的强力教程
- 如何让Wordpress实现文章的自动截断 //更好地控制版面的显示
- 如何为你的主题添加Ajax评论功能 // 让你的主题更流行/有特色
- 11个Wordpress技巧 // 更安全的主题?
- 为博客作语义网标记的权威指南 // 更良好的结构标记
- 如何制作Wordpress日期按钮 // 用于装饰吧
- 利用 xHtml Sitemap SEO // 你或许会喜欢这这样的页面
- 超酷Ajax缓冲的滑动效果Box // Ajax很流行吧
- WordPress SEO 完全解读 // 完美WP SEO指南
- 16+套免费的网页小图标 // 美化必备
网页制作的浏览器和调工具
你已经写出了代码，把一个基本的结构写了出来。到这个时候，应该是最难的地方了。特别是对于新手，你不知道怎样调试你的CSS，不知道怎么让它更好地适应不同的浏览器。那么，你更需要下面这些工具了：
- 主流的浏览器：IE / Firefox/ Opera/ Safari
- IE多版本共存工具：IE tester，集IE5.5/6.0/7.0/8.0beta于一身的工具；备选：Multiple IE
- Firefox强力扩展：Firebug & Web developer，功能有点重复，不过，我喜欢一起用
推荐几个创作灵感的CSS Gallery
这里是我喜欢的，但我不知道你是否能从真正的意义上把它们当作一种资源。呵呵，无论如何，记住，一句就可以了：别人的不一定好过你，但或许跟你不同。这个理由已经足够让你好好学习了吧，^,^…
- Theme Viewer // 还有比这个更权威的WP主题站？封了？
- CSS Mania // 这是我最喜欢的CSS Gallery
- W3c Sites // 第二喜欢的CSS Gallery
- 100 Premium WordPress Themes & Download //这个肯定让你兴奋，最优秀的WP主题