上回我们已经获得了header.php, index.php, sidebar.php, footer.php这四个文件，接下来我们要做的就是搭积木了。
header.php
[php]

　　一直在考虑part2乃至后面的内容应该怎么写才能真的如我所说的“和搭积木一样简单”，于是决定直接拿出实例来写，也就是说接下来的内容就是KD02这个模版的制作过程。
　　首先先决定模版的整体样式，KD02被决定为两栏模版、固定宽度、居中，所不同的是在内容和页脚中间我决定增加一个区块。由此先做一个简单的html文档，用色块把大致的样子表现出来，内容如下：
[html]

[/html]
　　content, menu, sub-menu, footer这四个div都从属于page这个div，这样只需要对page作定义就能控制整个blog内容、侧栏、页脚的位置了。header部分一开始是决定放一个100%宽度的图片，所以独立在page之外。
　　接下来创建style.css来定义页面的具体表现：
[css]html, body {
margin: 0;
padding: 0;
}

#header {
float:left;
overflow:hidden;
display:inline-block;
background:#fcc;
height:140px;
width:100%;
}

#page {
width:784px;
margin:0 auto 0 auto;
padding:0 0 0 0;
}

#content {
float:left;
overflow:hidden;
display:inline-block;
background:#9cf;
width:520px;
height:340px;
padding: 0 0 0 0;
}

#menu {
float:right;
overflow:hidden;
display:inline-block;
background:#ffc;
width:213px;
height:340px;
}

#sub-menu {
float:left;
overflow:hidden;
display:inline-block;
background:#cfc;
width:100%;
height:140px;
}

#footer {
float:left;
overflow:hidden;
display:inline-block;
background:#ccf;
width:100%;
}[/css]
　　这个html文件的实际效果如下

　　接下来就是把这个index.html文件拆成WordPress模版文件中的header.php, index.php, sidebar.php, footer.php，如下：
header.php
[php]

[/php]
　　很简单吧，只是在index.php开头和结尾增加两句来调用其他文件，其他只是copy & paste而已。现在，我们已经得到了四块积木了，所以今天就写到这里吧。顺便说一句，我喜欢在每一个</div>后面写注释，就是因为拆开后经常会忘记某个</div>它的另一半是哪里的。

Technorati Tags: WordPress, WordPress+Theme

　　这篇和接下来几篇可以看作是制作KD02这个模版的一些心得和总结，其中大有可能存在谬误或错漏之处，权作参考。不过话说回来，看完后自己弄个可以看看的模版还是没问题的。
　　这篇内容很简单，只是介绍一下需要的工具和WordPress模版的基本结构文件。
工具：

• 一个有代码高亮功能的编辑器，Windows推荐Editplus和Crimson Editor，这两个比较小巧，而且后者是免费的。Linux我就不具体推荐了，估计大家都有自己顺手的。
• FireFox + WebDeveloper，这个组合我提过很多次了，具体可以看一下链接里的介绍。
• Internet Explorer，这个谁都有吧，做完了模版还是需要放到这里来看看的，我们不能回避占有量第一的事实，即使它并不标准。

文件：

• 404.php
  404出错信息，当访问者输入了一个不存在的地址就会看到这个页面，可以在这里写一些有用的提示，或者直接给个404 error。
• archive.php
  控制存档、分类、日期的输出页面。其实这些内容是可以单独控制的，不过大部分模版都不把它们分开对待。
• comments-popup.php
  弹出留言窗口的输出格式。
• comments.php
  留言部分的输出格式。
• footer.php
  一般是用来输出页脚信息的，比如放些模版作者，版权信息之类。
• header.php
  用来输出标题和菜单项，同时html文件的头信息也放在这里。
• index.php
  整个首页的主体结构，正文内容输出部分就是放在这里的。
• page.php
  “页”的模版文件，控制Page的输出内容。
• screenshot.png
  从WP2.0开始，模版选择会提供缩略图，这个文件就是缩略图文件。
• search.php
  搜索的结果输出页面。
• searchform.php
  搜索框的格式定义。
• sidebar.php
  用于输出侧栏内容。
• single.php
  当点击一篇文章后，所展示的页面内容由这个文件来控制。
• style.css
  所有所有页面的具体表现样式都由这个文件来控制。

　　一旦做起来就会明白，WordPress把一个页面的内容分成了Header + Content + Sidebar + Search Form + Footer这样的结构，对于模版制作者和用户来说这都是一个方便的处理方式。所以，各位和我一样的初学者都不用担心，我们后面所作的和搭积木一样简单。

Technorati Tags: WordPress, WordPress+Theme

　　Performancing，几乎给了一个接近完美的Blogging方案。Performancing for Firefox本身就是一个很好用的基于Firefox扩展的Blogging客户端，然后昨天推出针对Blog的站点状态分析服务完全把我吸引住了。暂时写不出相关文章，试用一星期后再写篇长得吧。

Technorati Tags: Performancing, Metrics, Blog, Blogging