海豚的WordPress Theme教程 part4

这回讲index.php,从这篇开始我不帖相关的css内容了,因为详细解释css内容就变成css教程了,而事实上我自己都没怎么搞清楚css,一般都是边改边学。需要相关css的可以直接去下载KD02模版,自己慢慢研究。

index.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post">
<h1 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h1>
<p class="date"><?php the_author() ?> @ <?php the_time() ?> <?php the_time('F jS, Y') ?></p>
<div class="entry">
<?php the_content('[more...]'); ?>
</div>
</div>
<div class="meta">
<?php the_category(', ') ?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?>  <?php comments_popup_link('Comments (0)', 'Comments (1)', 'Comments (%)'); ?>
</div>
<!--<?php trackback_rdf(); ?>-->
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php posts_nav_link('','','« Previous Entries') ?></div>
<div class="alignright"><?php posts_nav_link('','Next Entries »','') ?></div>
</div>
<?php else : ?>
<h2 class="center">Not found.</h2>
<p class="center"><?php _e("Sorry, but you are looking for something that isn't here."); ?></p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
</div>
<!-- content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

line1, line43, line45: 负责把header.php, sidebar.php, footer.php的内容引入,这样这几部分就作为一个整体展现在访问者面前了。
line5-line26: 其中内容就是每篇post在首页的显示内容。一般来说分成三个部分:标题,包括文章題目,作者名字,写作时间;正文内容;留言提示,比如有多少留言,文章所属分类。至于具体位置随个人爱好,如果你不懂php也没什么关系,随便找一个模版然后依样画葫芦copy & paste就可以了。
line28-line31: 导航栏。就是下一页/上一页这个东西。
line35-line37: 这个是当一篇文章都没有的时候显示的报措信息。
基本上index.php主要内容就是一个循环语句,不断显示每篇文章直到你后台设定的那个显示文章数为止。
这篇内容比较少,明天会把有关sidebar.php和footer.php的part5跟上。到part5其实整个模版就接近完成了,其他的几个文件基本上都是从这几个文件中演变出去,不会太费事。
海豚的这个简单教程很快会结束,然后把Kamus要求修改的Blix模版完成,四月底想做一个新的模版。新模版可能会比较中规中矩,不过将会融入Widgets和WordPress Theme Toolkit或许还有AJAX效果的留言以方便后期修改。