零基础学做网站教程

当前位置:

wordpress模板制作教程(六):首页模板(index.php)制作

首页模板(index.php)制作是整个网站模板制作过程中最难的部分,网站首页也是网站最重要的部分。它是用于显示网站不同分类下的最新文章的调用,在网站首页部分可以制作多个版块,在不同的版块调用不同的分类下的文章内容。

wordpress模板制作教程(四):首页模板(index.php)制作

首页模板(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(); ?>

在这个循环代码中间放上文章的标题及文章的链接地址。代码解释:

  • 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,"……"); ?>

第三步:网站首页滚动展示模块的制作。用于滚动展示网站的产品图片。制作步骤:

  1. 删除原有图片调用所有代码包括div框。
  2.  如果是固定的图片展示就放上下面自己的图片div代码:<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>
  3. 如果要是调用自动更新的某一分类的文章图片用以下代码(循环代码):(注意:黄色的代码就是上面的缩略图调用代码,如果一个模板没有上面的产品图片模板,这个代码失效,或者要重新操作缩略图步骤。)

 

 

Tags:

, ,

上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. wordpress主题开发教程(九):独立页面模板(page.php)制作
  2. wordpress主题制作(七):分类目录模板(archive.php)制作
  3. wordpress模板制作教程(十二):标签模板(tag.php)制作
  4. dedecms模板制作开发常用标签汇总
  5. wordpress模板制作教程(五):边栏模板(sidebar.php)制作
  6. 如何制作自适应网页
  7. WP模板制作教程(十一):评论功能模板(comment.php)制作
  8. 竞拍类网站怎么制作
  9. DW制作背景图片
  10. wordpress主题开发教程(八):文章页面模板(single.php)制作