wordpress模板制作教程
一、模板制作常用软件：
1.1 图像处理软件 PhotoShop(简称PS): 下载 | 教程
1.2 网页制作软件 Dreamweaver(简称DW)：下载 | 教程
二、需要掌握的语言：
2.1 XHTML：简介 | 教程
2.2 CSS：简介 | 教程
2.3 英语：仅普通模板制作的话，不需要掌握太多的PHP语言，能看懂单词是什么意思就可以了。
三、开发环境：
建议安装Apache HTTP Server，在本机环境下调试模板，这样，每一次改动都可以即时的反馈出来。
四、入门阶段：从修改别人的模板开始
4.1 选择要修改的模板
如果想做自己的主题，建议初学者先选择一个结构类似的主题（三栏？两栏？右边栏？左边栏？），在他的基础上进行改动，参考对方代码的同时，巩固自己之前学过的知识。等积累了一定的经验并熟悉PHP语言后，再自行创建模板。
本文以两栏结构的 Sunshine 主题为例。
4.2 设计自己的主题
假如博主不喜欢黄色为主色调，我们需要做的是比照“模仿”作品，先用PS设计出自己需要的风格。
4.3 制作模板
在设计的过程中，我们了解到更改这个主题，其实只需要更改几个图片，并调整sidebar.php到右侧就可以了。
先从好改的地方下手，将Sunshine案例中的侧边栏sidebar.php从左侧换到右侧：
用DW（也可以用windows的记事本）打开style.css，搜索“#sidebar”
通过之前对CSS语言的学习，可以了解到，搜索结果中的#sidebar内的float:left是控制侧边栏左浮动的，我们将其更改为float:right，并用同样的方法查找 #main，将他的右浮动属性更改为float:left，这样，侧边栏就换到了右侧，主内容区换到了左侧。
注意：不同的主题作者，可能会应用不同的名称来定义“侧边栏”、“主内容区”，如果之前学过XHTML，可以在.php文件中查找对应元素的标签。
下面开始图片的改动：打开header.php文件，查找到头部调用的图是”img/header.jpg”，然后用自己设计的头部通栏图替换掉该文件。
用同样的方法替换掉img文件夹下的“top_bg.jpg”（从style.css文件中，我们可以知道这张图片的作用是给页面平铺背景图）“title_bg.jpg”等文件。
在图片替换的过程中，导航条的替换稍微有些难度：
导航条一共分为3个部分，“背景nav.gif”“当前所在的页面nav_hover.gif”和“分隔线nav_img.gif”，细心将这些图片替换完成后，一个主题基本上就修改完成了。点此查看修改后的主题
注意：在图片替换的过程中，可以发现，有些图片的宽度只有1像素，这是为了提高页面加载速度用CSS平铺背景的方法来做的优化处理。建议大家同样的背景图，切的越小越好。而有些图片宽度比较大，例如nav_hover.gif，这样做的目的是，当字数很多的时候，可以自适应大小，正常显示。
五、进阶：原创并优化主题
5.1 了解每个页面是做什么的
Header 模板文件:通常在这个文件中包含你博客的标题（title）和描述（description）。而且它们通常在整个博客中保持一致。
Index 模板文件：这个模板文件包含你的日志的标题，内容（每篇日志的文本和图片）和日志的元数据 （指的是每篇日志的信息，包括谁是作者，什么时候发表，在那个分类下，有多少留言等等）。Index.php的改变，取决于你在博客的那个页面。
Sidebar 模板文件：这个模板文件控制你的页面链接列表，类别链接列表，存档链接列表，blogroll 列表和其他widget。
Footer 模板文件：像 header.php 模板文件一样，footer 通常不会因为页面的改变而改变，你可以在这里放置任何东西，但是通常是版权信息。（为提升页面加载速度，我会把统计代码等载入比较费时间的东西放在这个文件中最后载入）
5.2 常用模板标签及调用方法：WordPress Template Tags
写在最后的话：
你能做什么，取决于自己学到了多少。对知识掌握的越多、越牢固，能实现的功能也就越多。这不仅仅是在玩BLOG，学到精通，这些知识足以改变自己的生活。精通设计，可以做“网页设计工程师”、“交互设计师”、“UI设计师”；精通XHTML+CSS，可以做“页面重构工程师”、“前端开发工程师”；精通插件制作，可以去做PHP程序员。在Google有一句话，It’s best to do one thing really, really well.把一件事做到极致，都会有所收获。希望此文能对您有所帮助。
01/14/2009 at 12:52
好东西~顶一个！
回复
01/14/2009 at 13:05
好东西，支持原创！
回复
01/14/2009 at 13:46
不错，如果写在我刚接触wordpress前就好了
回复
01/14/2009 at 23:05
很不错的文章，我也很想学习设计一个自己的主题！
我明天回家去了哦！
可能有几天不能上网，所以提前祝你新年快乐了哦！
回复
01/14/2009 at 23:29
真是很不错的文章
回复
01/15/2009 at 12:36
不错的文章果然人气很高啊
如果想做主题
来你这看几遍就差不多了
回复
01/15/2009 at 15:01
回复
01/15/2009 at 16:32
很好 很实用 见过最全面的了
回复
01/15/2009 at 22:25
正在研究主题这玩意中，appserv本地调试主题也不错的
回复
01/15/2009 at 23:45
[...] 2.wordpress模板作者：让自己制作的主题支持Gravatar [...]
01/16/2009 at 11:39
看到你改的模板覺得很優,謝謝你的教程,推一下
回复
01/18/2009 at 23:12
教程很好，还是要有很多地方学习的，感谢一个
回复
01/19/2009 at 10:29
学习了，谢谢~
回复
01/19/2009 at 21:27
回复
01/24/2009 at 11:56
您好：
您的themes做的很優，我目前已下載使用（poetry），感謝您。
有一問題困擾我，就是使用您的poetry這個theme後，無法使用WP Page Numbers這個外掛。
目前我只能暫時使用WP-PageNavi，但是個人比較喜歡WP Page Numbers，請問有無解決辦法。
我使用的wordpress版本是2.6.3
回复
一月 30th, 2009 at 9:41
我的wordpress版本已升級至2.7版, 但使用您的poetry模板, WP Page Numbers外掛還是不能正常使用.
二月 1st, 2009 at 21:09
1.将主题中的archive.php, index.php和single.php这几个文件里的pagenavi部分替换为以下代码
<?php if(function_exists(‘wp_page_numbers’)) { wp_page_numbers(); } ?> ，其中wp_page_numbers的具体调用参数请咨询插件作者
01/24/2009 at 21:59
[...] 看完这篇文章能干嘛 1.普通用户：在自己发表评论的时候，只要填好自己的邮箱，就会有一个属于自己的头像。 2.wordpress模板作者：让自己制作的主题支持Gravatar [...]
02/01/2009 at 14:06
教程写得非常好。
我也用了你修改的这个模板。
回复
02/05/2009 at 22:20
很厲害呀, 真是當老師的材料
回复
02/28/2009 at 0:19
回复
03/06/2009 at 15:17
好文啊！
回复
03/08/2009 at 12:08
用的就是你修改的模板，多谢了。个人blog，非商业用途。
回复
03/27/2009 at 13:48
支持，但对PHP一点也不懂。慢慢学
回复
04/09/2009 at 10:34
教程很棒，看来我还得多修改几次别人的主题，才能自己做主题啊～～～现在明确自己目前ps的水平还太低了，要做出好的效果必须自己能PS出非常漂亮的图片哦～～～
回复
04/13/2009 at 14:48
诶呀~ 今天用baidu搜了一下“wp 模板制作” 点了第一个`文章 就进了CK的BLOG~
回复
04/30/2009 at 23:28
不错啊
正在学习这个，
回复
05/17/2009 at 18:38
引用：下面开始图片的改动：打开header.php文件，查找到头部调用的图是”img/header.jpg”，然后用自己设计的头部通栏图替换掉该文件。
header.php里怎么找不到img/header.jpg啊？
回复
06/23/2009 at 17:05
写的很不错！
我最近也在倒腾wordpress主题呢，有些东西还是很乱，学习后明朗了不少。。。
回复
09/19/2009 at 11:23
回复
09/19/2009 at 19:38
非常好的文章。博主辛苦了。
回复
11/28/2009 at 15:45
这个不错，好内容。正学这玩艺呢。真想早点学会了。把自己想要的东西设计出来。
回复
11/28/2009 at 15:48
“把一件事做到极致，都会有所收获”这句话太受用了！！！！
回复
11/28/2009 at 15:50
我想说对于初学者而言，我要用那些软件，对了，我前天买了一本书叫做HTML XHTML CSS基础教程，产一个美国人写的。内容不错，但就是看不懂，你认为我该从那方面入手去学习呢？有没有一个比较适合我的正确路线？谢谢！
回复
十一月 30th, 2009 at 8:32
你说的《HTML XHTML CSS基础教程》，刚好图灵出版社送了一本，拿到手看了一些。
感觉篇幅太长，讲的太细，反而不利于消化。如果有耐心的话，慢慢读下去，每天读一部分。应该很有收获，毕竟代码本身，就是晦涩的玩意。
或者看一本比较通俗的 CSS网站布局实录:基于Web标准的网站设计指南(第2版) 我刚接触xhtml时，这本书给予了很大的辅助作用。
另外，有一种说法是“先做一些实例，再去看书”，这种学习方法是因人而异的。你也可以考虑。边做边学。
12/03/2009 at 4:19
言简意赅
说的真好！
回复
12/09/2009 at 0:57
我喜欢这文章的最后一句话，非常感谢你的无私创作。
回复
12/13/2009 at 14:10
很笼统很好！
支持
回复
01/09/2010 at 15:59
看到英语的就头痛
回复
01/10/2010 at 9:35
正在找这样的文章，准备进行WP的皮肤改造工作，哈哈。
回复
03/15/2010 at 21:34
我的BLOG，用上了你设计人主题··
而我也在学怎么去做Wordpress主题····
回复
03/17/2010 at 17:30
第一次接触wordpress,
前面我一直是按照一教程一步一步的写~当写到内容区的时候
总是出错！
我检查过了这代码没错啊~
难道跟版本有问题？
回复
05/15/2010 at 15:45
请问？该如何给每个帖子的标题设置修饰性的图片呢？
回复
07/23/2010 at 13:16
学习了，文章真好，谢谢。
回复
08/07/2010 at 13:07
不错,以后常来学习学习
回复