Products
GG网络技术分享 2025-03-18 16:12 45
在上一章节中,我们为wordpress网站的首页添加了全站文章列表。一个wordpress网站不可能只有几篇文章,可能会有成千上万的文章,作为一个wordpress博客主题模板,一般情况下,不可能让所有的文章在一个页面一下子全部显示出来,如果真这样,网页的负载会非常大。正确的处理方式,是先显示最前面的十几篇或二十几篇文章,然后,“点击一个分页按钮”或者“鼠标向下滚动触发一个事件”后,再显示后面的十几篇或二十几篇文章,以此类推。本节,我们来介绍“如何给wordpress网站的文章列表添加分页效果”,一起来看看吧。
在wordpress网站模板的functions.php文件中添加如下代码:
然后,在wordpress网站前台模板的文章列表的代码下方调用这个分页函数,代码如下:
然后,我们就可以在wordpress网站的文章列表下方看到分页按钮。如果想要样式好看一点,可以对分页按钮添加CSS样式,来进行美化一下。
为了更方便wordpress网站模板开发者开发模板主题,wordpress从4.0版本开始,就提供了一个分页函数the_posts_pagination(),通过这个函数,我们同样可能实现wordpress网站的文章列表的分页效果。代码如下:
这个函数跟wordpress其wp_list_pages()等函数类似,有一个参数,这个参数可是一个数组类型(如上面的代码,参数就是数组类型),也可以是一个字符串类型,上面的的代码的参数修改成字符串类型后,如下:
是使用字符串类型,还是使用数组类型,主要根据开发者的个人爱好,我个人还是比较喜欢用数组类型,看起来比较清楚。
在wordpress网站模板开发中,使用上面任何一种方式来添加文章列表的分页效果都可以,不过,我个人还是建议使用wordpress自带的函数the_posts_pagination(),对开发更省事,效率更高,而且是wordpress自己的函数,后期都不需要维护。如果想让分页按钮布局更加个性化,可以考第一种方式。
如果还有什么不太明白的,或者你想了解什么,可以在下面评论中给我留言。
分页导航每个网站都是必备的,WordPress的归档页默认只有上一页、下一页导航链接。最开始我也是用插件来实现WordPress归档页分页导航的,不过后来就改用代码来实现带页码的分页导航了。这个功能应该是每个WordPress网站都必备的。实现WordPress分页导航方法很简单,以下是具体方法:
/*
WordPress分页导航
代码来源: www.wpzxbj.com/jiaocheng/1495.html
*/
max_num_pages;
if ( $max_page == 1 ) return; // 只有一页不用
if ( emptyempty( $paged ) ) $paged = 1;
echo \'Page: \' . $paged . \' of \' . $max_page . \' \'; // 显示页数
if ( $paged > 1 ) p_link( $paged - 1, \'上一页\', \'« Previous\' );/* 如果当前页大于1就显示上一页链接 */
if ( $paged > $p + 1 ) p_link( 1, \'最前页\' );
if ( $paged > $p + 2 ) echo \'... \';
for( $i = $paged - $p; $i 0 && $i <= $max_page ) $i == $paged ? print "{$i} \" : p_link( $i );
}
if ( $paged < $max_page - $p - 1 ) echo '... ';
if ( $paged < $max_page - $p ) p_link( $max_page, '最后页' );
if ( $paged
代码说明:可直接将以上代码完整插入主题需要显示分页导航的位置即可。如果觉得直接贴代码到主题文件中的内容较多,也可新建一个PHP文件将以上代码插入新建的PHP文件保存,然后在需要的主题文件中include调用。有能力的,也可对以上代码进一步改造,用PHP代码调用即可。
Demand feedback