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>

您可能感兴趣的文章:

▪ 利用Bootstrap构建你的响应式WordPress主题( 五）

▪ 利用Bootstrap构建你的响应式Wordpress主题（一）

▪ Bootstrap教程 插件模态框 modal.js

▪ 利用Bootstrap构建你的响应式WordPress主题(四）

▪ Bootstrap替换Wordpress的get_search_form()搜索样式

▪ 利用Bootstrap构建你的响应式Wordpress主题（二）

▪ Cordillera采用Html5和Bootstrap框架的免费wordpress主题

▪ 利用Bootstrap构建你的响应式WordPress主题( 七）

▪ 解决Bootstrap下拉菜单不可点击

▪ 用Bootstrap菜单样式替换你的Wordpress菜单