海豚的WordPress Theme教程 part3

  上回我们已经获得了header.php, index.php, sidebar.php, footer.php这四个文件,接下来我们要做的就是搭积木了。
header.php
[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”

  • xxd says:

    呵呵,最近修改主题,正好参考下。

  • heihei says:

    WP要是只需要修改CSS文件就好了,目前这样还要自己写PHP文件,真得比较麻烦。

  • heihei says:

    这部教程是不是应该单独弄个PAGE呢?

  • kDolphin says:

    [quote comment=”2144″]WP要是只需要修改CSS文件就好了,目前这样还要自己写PHP文件,真得比较麻烦。[/quote]
    因为wp一开始是作为简洁的blog系统出现的,所以不象drupal那些cms系统有很完善的模块化。
    [quote comment=”2146″]这部教程是不是应该单独弄个PAGE呢?[/quote]
    暂时可以通过最下面的sub-menu的海豚的WordPress Theme教程来查看所有文章。

  • heihei says:

    晚上写好了一部分的CSS代码,但是如何显示日志啊什么的就没有头绪了,不知道该如何加入那些PHP代码,头大。

  • minfox says:

    英文烂烂,不过WP的CODEX说得简单又明天,扔了几年的四级水平基本能看明白了,呵呵。
    KD什么时候讲点CSS布局呀,最近快被这CCS这东东逼疯了,不是IE不兼容,就是设置半天,弄出来的布局乱七八,郁闷。

  • Becky says:

    期待part 4.
    我已經慢慢地將網誌由tatter tools匯進wp(手動…),
    但sidebar editor不知道為什麼用不了,
    明明已經將所有get_sideber都改了= =|||
    所以可能要手動改sidebar……

  • nonozone says:

    问个垃圾问题呀:

    content

    在前面不是有个header.php吗,那今天这个文件应该放哪里?

  • kDolphin says:

    这个不就是header.php吗?

  • nonozone says:

    [quote comment=”2624″]这个不就是header.php吗?[/quote]
    我知道,前面讲的不是有个php语句?
    php get_header();

    content

    php get_footer();
    这些,这里怎么又么有了?

  • kDolphin says:

    php get_header
    php get_footer
    这些只会出现在index.php里,这样才能组成一个完整的页面,header.php不需要这个。

Leave a Reply

Note: Commenter is allowed to use '@User+blank' to automatically notify your reply to other commenter. e.g, if ABC is one of commenter of this post, then write '@ABC '(exclude ') will automatically send your comment to ABC. Using '@all ' to notify all previous commenters. Be sure that the value of User should exactly match with commenter's name (case sensitive).