Bootstrap分页格式替换WordPress分页

时间:2020-9-12 作者:admin

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>

paginate_links

您可能感兴趣的文章:


▪ 利用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菜单

 

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。