WordPress

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

时间：2022-03-18 丨作者：WordPress教程学习网站丨关键词：wordpress分页效果

在前面的章节中，我们完成了WordPress网站首页模板数据的调用，也创建好了wordpress网站的公共模板。今天，我们再来给wordpress网站的分类目录页模板archive.php文件添加左侧数据的调用。一般情况下，wordpress网站的分类目录页面，展示的是该分类下的文章列表，所以，本节课我们将介绍如何给wordpress网站分类页面调用文章列表和分页效果？

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

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

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

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

效果如下图：

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

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>';

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

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

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

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

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

好了，通过上面的三步，我们给我们的wordpress网站的分类目录添加好了文章列表和分页效果。

wordpress教程学习网站丨模板定制、网站使用教程、插件推荐、代码优化、wp建站教程、数据文章采集、系统开发、系统优化，功能开发，仿站教程等各类WordPress技术知识，供网友学习了解。

在线随机小姐姐图片换一批