wordpress主题制作之index.php篇

通过前面几篇教程，咱们已经搭建起了wordpress主题的核心文件框架，包括一个style.css，header.php、index.php、sidebar.php、footer.php四个php文件；header.php也已经做好了，而且就在前一篇文章里面，我还给大家提前预告了index.php将要使用到的几个php函数。

下面就正式开始index.php的制作，这个文件同样是属于wordpress主题php文件中的大boss级别的文件，废话不说，先看代码。

<?php get_header();?>
<!--上面这句代码调用了header.php文件-->
<section id="posts">
<!--下面开始的代码就是wordpress主题里面最有名气的loop，也就是循环了-->
<?php if(have_posts()):;?>
<?php while(have_posts()):the_post(); ?>
	<!--article标记内部就是在网站首页显示的单篇日志的内容-->
	<article id="post-<?php the_ID(); ?>" class="post">
		<header class="post-title">
			<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
                        <?php the_title(); ?></a></h2>
		</header>
		<!--上面的代码是显示日志标题-->
		 <ul class="postmetadata">
          <li>Written by <?php the_author_posts_link(); ?></li>
		  <li>Posted <time datetime="<?php the_time('Y-m-d') ?>" pubdate>
                  <?php the_time('F jS, Y') ?></time></li>
          <li class="comments"><?php comments_popup_link('<span>0</span> Comments', 
                     '<span>1</span> Comment', '<span>%</span> Comments'); ?></li>
		  <li>Filed Under: <?php the_category(', ') ?></li>
          <li>Tags: <?php the_tags('',', ','') ?></li>
        </ul>
		<!--上面的代码用来显示作者、日志发表时间、评论数、分类、标签-->
		<?php the_excerpt();?>
		<!--上面这句代码显示日志摘要，此处摘要需要在撰写日志的时候，人工输入摘要框中才能显示-->
	</article>
    <!--单篇日志显示完毕-->
	<?php comments_template(); // 这句代码用来显示日志评论 ?>
        <?php endwhile; ?>
 <!--下面代码的意思是，如果找不到日志可以显示，就告诉访客，目前没有日志满足他的要求-->  
	<?php else: ?>
	<p class="nocontent"><?php _e('Sorry, no posts are found.'); ?></p>
<?php endif; ?>
<!--loop循环结束了，开心吧，最核心的代码结束了-->
</section>
<!--下面这两句代码分别调用sidebar.php、footer.php文件-->
<?php get_sidebar();?>
<?php get_footer();?>

上面的代码就是一个wordpress主题中最基本的index.php的写法，没有任何高级的功能，可以说只有基本和基础。代码经过了本地调试，可以直接复制粘贴。涉及到的php语句基本上都加了注释，再结合上篇日志中对几个php函数的解释，相信大家看起来应该没有什么问题吧？

index.php文件的代码核心就是loop，也就是所谓的wordpress日志循环，也没什么好理解的，直接记住这个loop的结构性语句就够了，记不住的话每次做主题的时候，能够知道复制粘贴那几句代码，这也是一种成功。

再次保证，学做主题没必要去看什么php语言教程，根本就用不着那么高档的玩意。over。