当我们把公共部分都用调用代码修改好之后，剩下就要把不同部分的内容修改。首先我们还是先把首页的内容先完成了，首页除了头部，侧边栏和底部之外，就剩下一个文章列表部分需要修改。

方法：

1.先把重复文章列表div删除

2.加入循环代码

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<!– 需要循环输入的重复模块 –>

<?php endwhile; ?>

<?php endif; wp_reset_query(); ?>

代码注释：

if(have_posts()) – 检查博客是否有日志。

while(have_posts()) – 当博客有日志的时候，执行下面 the_post() 这个函数。

the_post() – 调用具体的日志来显示。

endwhile; – 遵照规则 #1，这里用于关闭 while()

endif; – 关闭 if()

在剩下那个文章列表div前后开始结束div加上循环代码标签

3.缩略图调用代码

首先→在function.php中加入激活代码

//支持外链缩略图if ( function_exists(‘add_theme_support’) )add_theme_support(‘post-thumbnails’);function catch_first_image() {global $post, $posts;$first_img = ”;ob_start();ob_end_clean();$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);$first_img = $matches [1] [0];if(empty($first_img)){ //Defines a default image   echo get_bloginfo ( ‘stylesheet_directory’ );   echo ‘/images/default.jpg’;//默认图片}return $first_img;}

然后→在index.php对应img标签位置加入调用代码

<a href=”<?php the_permalink() ?>” class=”thumbnail”><?php if ( has_post_thumbnail() ) { ?><?php the_post_thumbnail(‘thumbnail’); ?><?php } else {?><img src=”<?php echo catch_first_image() ?>”/><?php } ?></a>

代码注释：

<?php the_permalink() ?>– 找到文章对应页面链接

class=”thumbnail”– a标签样式

日志元数据调用

发布日期	<?php the_time(‘F d, Y’) ?><?php the_time(‘m-d’) ?><?php the_date_xml()?>

所属分类	<?php the_category(‘, ‘) ?>

文章标签	<?php the_tags(‘标签： ‘, ‘, ‘, ”); ?>

留言数	<?php comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, ”, ‘评论已关闭’); ?>

更多按钮	<a href=”<?php the_permalink() ?>”>更多内容</a>

发表评论	<a href=”<?php the_permalink() ?>/#commentform” >发表评论</a>

作者	<?php the_author(); ?>

4.浏览数制作

安装插件：Post Views Plus

插件调用代码：

<?php if(function_exists(‘the_views’)){the_views();} ?>