心理行为训练总结报告:海豚的WordPress Theme教程 part2

来源：百度文库编辑：中财网时间：2024/05/06 14:54:00

海豚的WordPress Theme教程 part2

kDolphin @ 12:07 pm March 20th, 2006

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

PLAIN TEXTHTML:

header

         content 

         menu 

         sub-menu 

         footer 

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

PLAIN TEXTCSS:

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%;
}

这个html文件的实际效果如下

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

PLAIN TEXTPHP:

header

index.php

PLAIN TEXTPHP:

content

sidebar.php

PLAIN TEXTPHP:

menu
sub-menu

footer.php

PLAIN TEXTPHP:

footer

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

求wordpress教程求wordpress平台k2主题详细教程关于Wordpress的使用问题... 谁会装Wordpress 的BLOG? 在WordPress中插入WMA的方法 wordpress 的blog 安装不上 my.donews.com中wordpress的用法求wordpress 的相册Gallary2插件 theme和topic的区别如何在wordpress顶部的logo上放swf文件？可以提供wordpress的中文说明很中午语言包吗？国内有哪些提供wordpress服务的免费bsp 关于wordpress Naruto Main Theme的谱子笛子的在那里找.Theme的主题桌面求红警2的音乐（除theme)文件名关于Sky Blue theme的问题 xp的theme功能无法使用有没有theme editor 6600的注册码？哪有支持WINDOWS2003的theme？ Stand Up Champions Theme是谁唱的寻天国的树(Main Theme) 歌词管理工具的服务里没有theme 求助energy blue theme的设置问题！