wordpress首页模板(index.php)制作
本课程视频是VIP会员课程，学习请进入VIP学习区。
首页模板(index.php)制作是整个网站模板制作过程中特别难的部分，网站首页也是网站特别重要的部分，它占整个wordpress模板制作教程的90%，wordpress文章模板占5%，其它占5%。
wordpress首页模板是用于显示网站不同分类下的最新文章的调用，在网站首页部分可以制作多个版块，在不同的版块调用不同的分类下的文章内容上，在制作wordpress首页模板时，要严格按照wordpress程序开发手册操作，否则会导致网站无法打开。
首页模板(index.php)制作步骤
第一步：在首页调用不同分类下的文章时，我们需要使用PHP的循环代码：
<?php if (have_posts()) : ?>
<?php query_posts('cat=3' . $mcatID. '&caller_get_posts=1&showposts=6'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile;?>
<?php endif; wp_reset_query(); ?>
<?php query_posts('cat=3' . $mcatID. '&caller_get_posts=1&showposts=6'); ?>
<?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()
第二步：除了调用文章的标题之外，还需要调用文章的摘要。文章摘要部分调用代码：
<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 200,"……"); ?>
第三步：网站首页滚动展示模块的制作。这里我们不能使用marquee滚动标签，而是使用js滚动。用于滚动展示网站的产品图片。制作步骤：
- 删除原有图片调用所有代码包括div框。
- 如果是固定的图片展示就放上下面自己的图片代码。
/*滚动展示模块代码 学做网站论坛https://www.xuewangzhan.net */
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="" border="0" /></a>
<a href="#"><img src="" border="0" /></a>
<a href="#"><img src="" border="0" /></a>
<a href="#"><img src="" border="0" /></a>
<a href="#"><img src="" border="0" /></a>
<a href="#"><img src="" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
</div> - 如果要是调用自动更新的某一分类的文章图片用以上代码（循环代码）：（注意：黄色的代码就是上面的缩略图调用代码，如果一个模板没有上面的产品图片模板，这个代码失效，或者要重新操作缩略图步骤。）
