建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

怎样给wordpress网站分类目录页面,添加文章列表和分页效果?(wordpress网站调用自定义分类的文章列表)

GG网络技术分享 2025-03-18 16:12 2


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

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



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

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


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

效果如下图:


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

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


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


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

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


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


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

wordpress网站调用自定义分类的文章列表

wordpress企业网站中常常需要调用产品分类的产品列表,我们一般做模板的时候产品常常会自定义一个分类,下面介绍一下如何调用自定义分类调用的方法。

第一种方法:是通过get_posts函数 调用wordpress自定义分类文章。

在需要调用分类的模板中加入下面代码:

<?php

$posts=get_posts(array(

'numberposts'=>'10',//输出的文章数量

'post_type'=>'product',//自定义文章类型名称

'tax_query'=>array(

array(

'taxonomy'=>'products',//自定义分类法名称

'terms'=>'10'//id为64的分类。也可是多个分类array(12,64)

)

),

)

);?>

<ul>

<?phpif($posts):foreach($postsas$post):?>

<li><ahref="<?phpthe_permalink();?>"target="_blank"><?phpthe_title();?></a></li>

<?phpwp_reset_postdata();endforeach;endif;?>

</ul>

另外一种方法是通过WP_Query 函数调用
wordpress分类列表。

在需要调用的模板页面中加入下面代码进行调用:

<?php

$args=array(

'post_type'=>'product',//自定义文章类型名称

'showposts'=>10,

'tax_query'=>array(

array(

'taxonomy'=>'products',//自定义分类法名称

'terms'=>64//id为64的分类。也可是多个分类array(12,64)

),

)

);

$my_query=newWP_Query($args);

if($my_query->have_posts()){

while($my_query->have_posts()):$my_query->the_post();?>

<li><ahref="<?phpthe_permalink();?>"target="_blank"><?phpthe_title();?></a></li>

<?phpendwhile;wp_reset_query();}?>

上面代码的调用参数说明

post_type 要调用的自定义文章类型的名称(必须和要调用的自定义分类法关联)

taxonomy 要调用的自定义分类法的名称

terms 要调用的自定义分类法下创建的分类目录ID

(在创建wordpress自定义分类的时候都会填写,跟创建时填写的保持一致就可以了)

标签:

提交需求或反馈

Demand feedback