Bootstrap分页格式替换WordPress分页

WordPress 显示列表的界面,如主界面、分类、搜索、标签等,都会在主循环程序后调用分页 ,WP自带的分页函数previous_posts_link、next_posts_link可显示上一页、下一页的链接,但更复杂的则需要函数paginate_links(),不过直接使用这个函数是不会显示页码的,需要配置参数。
paginate_links() 用法

paginate_links()支持数组参数设置

官方文档:http://codex.wordpress.org/Function_Reference/paginate_links
base – 用来参考的网址
format – 用于URL的分页结构,例如: /page/3
total – 总页数
current – 当前页码
show_all – 默认值是false,如果设置为true,那么将显示所有的可用页码
end_size – 页面显示在列表的末尾号
mid_size – 多少个数字到当前页面的两侧,但不包括当前页面
prev_next – 布尔值,是否包含上一页和下一页的链接
prev_text – 前一页的文字。只有当’prev_next’参数设置为true
next_text – 下一页的文字。只有当’prev_next’参数设置为true
type – 定义该函数返回什么,plain, array 或 list
add_args – 添加查询字符串参数到链接
add_fragment – 添加文本追加到每个链接
before_page_number – 在页码前显示的字符串
after_page_number – 在页码后显示的字符串

Bootstrap效果的整合

首先你的主题是基于Bootstrap框架的,也就是引入了Bootstrap的css,js,然后在需要显示分页的地方加入以下代码:

 <nav>
 <ul class="pagination">
    <li>
<?php
   global $wp_query, $wp_rewrite;   
   $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;   
	echo paginate_links(array(	 
	'prev_next'          => 1,
	'before_page_number' => '',
	'mid_size'           => 2,
	'current' => $current,   				
));
?>
      </li>		
   </ul>
</nav>
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?