• wordpress CMS主题:ssmay主题 wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

    WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

    作者: 分类:wordpress CMS主题制作 点击: 54 次
    wordpress CMS主题:ssmay主题

      扫描下面的二维码,“关注”我的头条号,我会每天更新免费视频课程。

      在前面的章节中,我们完成了wordpress网站首页模板数据的调用,也创建好了wordpress网站的公共模板。今天,我们再来给wordpress网站的分类目录页模板archive.php文件添加左侧数据的调用。一般情况下,wordpress网站的分类目录页面,展示的是该分类下的文章列表,所以,本节课我们将介绍如何给wordpress网站分类页面调用文章列表和分页效果?下面,一起来看看吧(具体请观看《wordpress网站分类目录,如何添加文章列表和分页效果?》视频课程)。

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      第一步:在wordpress网站分类模板中添加wordpress循环函数。

      这个wordpress循环函数,我们在wordpress网站很多模板中会使用到,如:首页的文章列表、文章详情页、搜索页、单页面等等。我们打开archive.php模板文件,找到左侧的父标签< div class="c_left">(如下图),现在里面是空的。

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      在这个< div class="c_left">标签内部添加如下代码:

      <?php
      if(have_posts()):
      while(have_posts()):
      the_post();
      endwhile;
      endif;
      ?>

      效果如下图:

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      第二步:在循环中调用文章数据。

      wordpress循环语句添加好后,我们再在这个循环语句的主体中添加文章数据调用,这里,我们调用文章的标题、链接和发表的时间,代码如下:

      echo '<li>';
      echo '<a href="'.get_permalink().'">';
      echo $post->post_title;
      echo '</a>';
      echo '<em>'.get_the_time("Y-m-d").'</em>';
      echo '</li>';

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      这样,我们就添加好了wordpress网站分类模板左侧的文章列表调用,效果如下图:

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      第三步:给文章列表添加分页效果。

      wordpress网站的分类下的文章可能会很多,一个页面展示不下去,所以,我们一般都会给分类目录下的文章列表添加分页效果。在当前wordpress分类模板的文章列表代码下方,添加如下代码:

      <?php
      $arr = array(
      'mid_size' => 3, //当前页码数的 两边 显示几个页码。
      'prev_text' =>'上一页', //上一页
      'next_text' =>'下一页', //下一南
      );
      the_posts_pagination($arr);
      ?>

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      因为wordpress这个分页函数the_posts_pagination(),我们在前面的章节中介绍过,这里,我就不费口舌了,大家可以查阅一下我前面发表的内容。添加好分页按钮后,wordpress网站分类的前台页面显示如下:

      WP开发16:怎样给wordpress网站分类目录页面,添加文章列表和分页效果?

      好了,通过上面的三步,我们给我们的wordpress网站的分类目录添加好了文章列表和分页效果。在下一课中,我们将介绍《wordpress网站不同的分类页面,怎样调用不同的banner图?》,欢迎大家到时收看。



      欢迎“关注”我的头条号,我会每天更新免费视频课程。

      头条二维码
      关注我的头条号
      头条二维码
      加入我的QQ群

    文章作者:码不停蹄
    本文地址:http://wanlimm.com/77202007219301.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.