vue商品分类列表页面_怎样给wordpress网站分类目录页面,添加文章列表和分页效果?...

本教程详细介绍了如何在WordPress的分类目录模板archive.php中添加文章列表和分页效果。首先,在左侧div标签内插入WordPress循环函数;接着,在循环体内调用文章的标题、链接和发表日期;最后,通过the_posts_pagination()函数实现分页效果,以便于长文章列表的浏览。完成以上步骤后,分类目录页即可展示文章列表并具备分页功能。
摘要由CSDN通过智能技术生成

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

c36024621528b883318bbba18b14447b.png

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

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

1f6e40efc8f7b3a527c0c3dac4faab95.png

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

效果如下图:

5a16e62f3653a042ecc387c27c2c4471.png

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

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

echo '

'; echo '';echo $post->post_title;echo '';echo ' '.get_the_time("Y-m-d").''; echo '';
7bf52ff2b73577b08f2116bafca49968.png

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

6bd5892243cea0421adce270c28b65d2.png

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

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

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

4ec89c6b54f8caf7088750a7c8cf28b2.png

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

f456106a8921192d1c25b5905a42cdc7.png

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值