第四部分

下面就开始转化body部分，也就是主题的主体部分。首先我们要考虑如果摆放“上部”的零件。这里我们打算摆放 logo，site name，和 site slogan。以我这里的主题为例，logo就是那个二马二龙的图腾标志；site name就是kzeng's stupid words；site slogan我这里没有显示出来。
首先， 更改：

为：
>


然后，我们希望把上部所有的零件都放在这个主题的 pageHearder 这个 div 中，也就是如下部分的代码：

注意这个header的部分要比drupal的简单很多，由于我们现在需要往里面放入三个零件，为了方便，我们可以把这个叫做 pagerheader的div分作三个部分，分别来放置 logo, site_name, 和 site_slogan:

开始填料，首先是定义logo



" title="Home">



也就是说，如果有logo存在，那么就显示logo和它的div，并指定了logo的路径。site name与site slogan也是一样的，所以在填完以后，我们的“上部”就已经做完了：

" title="Home">

" title="Home">

注意这里的三个变量 $logo, $site_name, $site_slogan, 这是我们的积木，而php的if表述则是我们的搭建法则。另外注意，因为原来主题的pageheader的背景是有字的图片，所以给我们的显示带来了问题，在制作的后期我们需要把这个图片修正一下，另外，由于原主题希望使用图片来代替文字，它实际上对文字的display属性做了设置，禁止文字显示（也就是css Zen Garden The Beauty of CSS Design 这几个字），但是这个不会影响到我们，因为我们已经删除了原来的这些文字的标签，但是在后期，我们会把css中的

#pageHeader h1 span,#pageHeader h2 span,#quickSummary p.p1 {
display: none;
}

删除，因为它和我们的主题没有关系，另外我们可能会定义site_name与site_slogan的显示。