WordPress 内置分页式导航函数 the_posts_pagination() 用法
WordPress 4.1新增加的分页式导航非常实用，其它第三方的分页代码及插件，已不需要。
其实在之前版本的默认主题中已内置了分页式导航，只是未集成到程序中，WordPress 4.1版开始正式集成到程序中作为默认函数使用。
分页式导航调用函数：
<?php
the_posts_pagination( array( //Default value: array()
'base'=>'', //你可以自己制定导航的URL，一般不用写此属性
'mid_size' =>1, //多少页码显示当前页的两边。默认值为1。
'prev_text' =>上页,
'next_text' =>下页,
'before_page_number' => '<span class="meta-nav screen-reader-text">第 </span>',
'after_page_number' => '<span class="meta-nav screen-reader-text"> 页</span>',
'total'=>5, //你可以控制显示的页数，默认最大页数
'format' =>'?paged=%#%', //导航链接格式化，体现在鼠标悬停在翻页链接时。
'current' => max( 1, get_query_var('paged') ), //当前页码
'add_fragment'=>'pdbn', //体现在鼠标悬停在翻页链接时，分页链接追加字符串
'screen_reader_text' => '' //(string) Screen reader text for navigation element. Default 'Posts navigation'.
) );
?>
注：不支持WordPress 4.1之前版本
更多参数参考WordPress 分页链接函数 paginate_links用法
添加到主题index、archive等模板适当的位置即可，再配以相应的样式，可实现响应式转换，如图：
样式示例：
/** 等于或大于550px正常模式 **/
@media screen and (min-width: 550px) {
.pagination {
float: right;
}
.pagination a, .pagination a:visited {
float: left;
background: #fff;
margin: 0 5px 10px 0;
padding: 8px 11px;
line-height: 100%;
border: 1px solid #ebebeb;
border-radius: 2px;
}
.pagination .current, .pagination .dots {
background: #fff;
float: left;
margin: 0 5px 0 0;
padding: 8px 11px;
line-height: 100%;
border: 1px solid #ebebeb;
border-radius: 2px;
}
.pagination span.pages {}
.pagination span.current, .pagination a:hover {
background: #0088cc;
color: #fff;
border: 1px solid #0088cc;
}
.screen-reader-text, .pages {
display: none;
}
}
/** 等于或小于550px用于移动设备 **/
@media screen and (max-width: 550px) {
.pagination {
background: #fff;
border: 1px solid #ebebeb;
border-radius: 2px;
}
.pagination .nav-links {
min-height: 30px;
position: relative;
text-align: center;
}
.pagination .current .screen-reader-text {
position: static !important;
}
.screen-reader-text {
height: 1px;
overflow: hidden;
position: absolute !important;
}
.page-numbers {
display: none;
line-height: 25px;
padding: 5px;
}
.pagination .page-numbers.current {
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
}
.pagination .prev,
.pagination .next {
background: #0088cc;
color: #fff;
display: inline-block;
height: 29px;
line-height: 29px;
overflow: hidden;
padding: 2px 8px;
position: absolute;
border: 1px solid #0088cc;
}
.pagination .next {
border-radius: 0 2px 2px 0
}
.pagination .prev {
border-radius: 2px 0 0 2px;
}
.pagination .prev a,
.pagination .next a{
color: #fff;
line-height: 20px;
padding: 0;
display: inline-block;
}
.pagination .prev {
left: 0;
}
.pagination .prev:before {
left: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
right: -1px;
}
}
如果你的主题非响应式只添加正常模式的样式就可以（去掉媒体查询判断@media screen and ）
资料：
https://codex.wordpress.org/Function_Reference/the_posts_pagination
https://developer.wordpress.org/reference/functions/get_the_posts_pagination/
https://developer.wordpress.org/reference/functions/get_the_posts_pagination/