海豚的WordPress Theme教程 part3
上回我们已经获得了header.php, index.php, sidebar.php, footer.php这四个文件，接下来我们要做的就是搭积木了。
header.php
[php]
- line1-5：用来描述页面的基本信息，诸如使用那一种标准，字符编码，还有页面标题。
- line7-13：一些meta标签信息和站点ico设定。
- line15-20：对css文件和rss订阅地址的设定，方便自动发掘程序。
- line22-24：我也不知道干吗的，反正个个模版都有-_-;。
- line29-35：标题部分。
真正在页面上看到的效果其实只有line29-35这一段，一开始只有Blog标题（左）和login链接（右），后来为了方便跳转到页底的Sub-Menu部分又增加了一个链接。标题图片KD02是直接在body里设定的。相应的CSS部分如下：
[css]
html, body {
margin: 0;
padding: 0;
}
body {
background: #fff url(images/bg.jpg) no-repeat center top;
font-size: 1em;
font-family:”Trebuchet MS”, “Lucida Grande”, Arial, Helvetica, sans-serif;
word-spacing: 0.15em;
letter-spacing: 0em;
line-height:1.3em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#header {
float:left;
overflow:hidden;
display:inline-block;
font-size:0.8em;
background:#797979;
color:#fff;
height:20px;
width:100%;
}
.bloginfo a {
float:left;
color:#fff;
text-align:left;
padding:0 0 0 5px;
}
.admin a {
float:right;
color:#fff;
text-align:right;
padding:0 5px 0 0;
}
[/css]
part4我会很快跟上，这篇一开始因为调试显示代码浪费了很多时间。
11 Responses to “海豚的WordPress Theme教程 part3”
-
heihei says:
WP要是只需要修改CSS文件就好了，目前这样还要自己写PHP文件，真得比较麻烦。
-
这部教程是不是应该单独弄个PAGE呢？
-
[quote comment=”2144″]WP要是只需要修改CSS文件就好了，目前这样还要自己写PHP文件，真得比较麻烦。[/quote]
因为wp一开始是作为简洁的blog系统出现的，所以不象drupal那些cms系统有很完善的模块化。
[quote comment=”2146″]这部教程是不是应该单独弄个PAGE呢？[/quote]
暂时可以通过最下面的sub-menu的海豚的WordPress Theme教程来查看所有文章。 -
晚上写好了一部分的CSS代码，但是如何显示日志啊什么的就没有头绪了，不知道该如何加入那些PHP代码，头大。
-
minfox says:
英文烂烂，不过WP的CODEX说得简单又明天，扔了几年的四级水平基本能看明白了，呵呵。
KD什么时候讲点CSS布局呀，最近快被这CCS这东东逼疯了，不是IE不兼容，就是设置半天，弄出来的布局乱七八，郁闷。 -
期待part 4.
我已經慢慢地將網誌由tatter tools匯進wp(手動…),
但sidebar editor不知道為什麼用不了,
明明已經將所有get_sideber都改了= =|||
所以可能要手動改sidebar…… -
[quote comment=”2624″]这个不就是header.php吗？[/quote]
我知道,前面讲的不是有个php语句?
php get_header();content
php get_footer();
这些,这里怎么又么有了?
呵呵，最近修改主题，正好参考下。