CSS写起来并不困难，主要麻烦其实在于CSS样式表的规划：怎么去安排规则出现的位置，何时需要分开写，何时将几个规则写在一起；哪些样式应该放在一块，哪些样式可以分开成多个样式表进行选择加载。只要一个Web项目需要维护，未来需要更新，样式表的规划问题就是个头疼的问题，而为WordPress设计主题就必须考虑这个问题。

这里可以先学习参考WordPress默认主题Twenty Eleven的样式表规划方案。

首先是样式表是否需要切分的问题，而这个主题的样式表将除admin界面外，所有的规则涵括在内，即该主题任意页面载入的样式表都是这一份。显然对于这个minimal设计的默认主题是适合的，因为大部分页面的样式本就相似，基本没有特殊的样式需要注意。

其次是样式表内如何划分的问题。这份样式表并没有完全按照头部，中部，左边，右边等方位来进行样式分块，而是按照功能块进行划分。功能划分如下：

1. css reset规则（直接引用Eric Meyer著名的reset规则）；
2. 布局规则（各种页面的大体布局规则集中于此，类名下只有与布局相关的规则，以决定页面框架）；
3. 全局规则（包括选择的默认字体信息与背景样式，h标题样式，各种文字显示相关标签的样式，表格样式，链接样式以及帮助文字样式几个部分）；
4. header规则（页面题头部分的规则）；
5. menu规则；
6. 正文规则（包括文章标题，说明，正文，评论正文等规则，同时也包括图片，作者信息，评论链接的显示规则，对于诸如link，aside等文字为主的post format的标题也在这里定义规则）；
7. 特殊post format的规则；
8. 特殊的page规则（包括attachment页的规则）；
9. 翻页导航的规则；
10. 小工具的规则；
11. 评论功能相关的规则（评论正文样式前面已经定义，这里主要是评论的完整样式以及发表框样式）；
12. 底部规则（包括版权信息，以及底部小工具的规则）；
13. media查询的规则（包括print规则）；
14. ie兼容的规则；

个人制作主题规划方案遵循上面的规则，但是对于自定义的类名与id名称需要特别的考虑。这里参考这篇文章进行名称选择。由于已经使用HTML5的新元素，因此结构方面的元素不需要考虑使用什么类名，而wordpress本身也默认采用了些类名，比如正文的包装器类名为entry-content。

这里还有一个class名称的集合可以作为参考：

chao

微信支付

支付宝