零基础建站培训介绍

当前位置:

wordpress首页模板(index.php)制作

以下为学做网站论坛关于“wordpress首页模板(index.php)制作”讲解视频教程。【加入会员学习无广告高清课程

您正在学习的课程为学做网站论坛VIP专属高清视频课程 学员登录学员注册

首页模板(index.php)制作是整个网站模板制作过程中最难的部分,网站首页也是网站最重要的部分,它占整个wordpress模板制作教程的90%,wordpress文章模板占5%,其它占5%。

wordpress首页模板是用于显示网站不同分类下的最新文章的调用,在网站首页部分可以制作多个版块,在不同的版块调用不同的分类下的文章内容上,在制作wordpress首页模板时,要严格按照wordpress程序开发手册操作,否则会导致网站无法打开。

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

第三步:网站首页滚动展示模块的制作。这里我们不能使用marquee滚动标签,而是使用js滚动。用于滚动展示网站的产品图片。制作步骤:

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

发表评论

*

* 绝不会泄露