海豚的WordPress Theme教程 part5

  这次讲sidebar.phpfooter.php,这两个其实能讲的不多,一般来说各位拿到一个模版最可能改的就是这两个文件了。

sidebar.php
[php]

About Me
  关于我  关于我  关于我  关于我  关于我  关于我  关于我  关于我  关于我  关于我  关于我  关于我

<?php _e('Search'); ?>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

存档

    <?php wp_get_archives('type=monthly'); ?>
    <?php get_links_list(); ?>

文章分类

    <?php wp_list_cats('optioncount=1'); ?>

[/php]
  KD02模版的sidebar被分成了两个部分:位于右边的部分提供导航菜单、“关于我”、搜索和Feed订阅地址,位于footer上方的分成了三栏来显示一些信息。

  • line1-line24: 是右侧的sidebar。
  • line2-line9: 这是导航菜单的部分,用css控制一下<li>的表现就很容易实现,如果菜单比较多或者少可以调整一下宽度。
  • line11-line13: “关于我”的部分,没什么说的。
  • line14-line17: 搜索部分。
  • line18-line23: Feed订阅地址。
  • line26-line48: 这是footer上方的三栏内容,用三个<div>来分隔,内容不是很重要,各位都会有自己的习惯。

  这里提一下sidebar的阴影制作:先决定需要的栏宽;然后做一个1px高度、栏宽宽度+40px的jpg文件;左右作20px适当的灰色;相应css如下。很简单吧,不用作大图片,会根据<div>的高度自适应。
[css]#menu {
float:right;
overflow:hidden;
display:inline-block;
font-size:0.8em;
width:213px;
margin: 220px 0 0 0;
background: url(images/fade.jpg) repeat-y;
padding: 0 20px 10px 20px ;
}[/css]
footer.php
[php]

<?php bloginfo('name'); ?> is proudly powered by
WordPress

<?php do_action('wp_footer'); ?>

[/php]
  footer没什么内容,主要就是一些站点的相关信息。计数器之类的非本地站点代码我也建议放在footer里,因为放在header里很可能因为网络原因拖慢整个页面的读入速度。

Comments

[...] 弄的差不多了,Sidebar移到页面下方,参考了海豚的主题教程。 IE下有点小问题: [...]

一个小小问题。“kDolphin @ 9:48 pm April 20th, 2006”这行字。为什么俺滴月份会是中文。怎么改。

你是否用了中文语言包?如果是,那就会这样的。

kDolphin能否介绍一下制作index.php这样的页面,同时在其中显示wp文章标题的方法?我所说index.php不是wp目录下的index.php

是指在非wp的页面里显示wp的文章标题?
?php require(\'wp-blog-header.php\'); ?>
把这行放在你的页面文件里(开头有个小于号的别忘了),然后下面随便了,在你需要的地方调用wp本身的语句,或者一些插件的语句。

简练

格尔 大富大贵

好乱啊

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote>
  • Lines and paragraphs break automatically.

More information about formatting options

Syndicate content