无插件仅代码实现 WordPress 分页导航(2)
最近在折腾 Jeff的阳台 的新主题,在老外的一个主题那里找到了分页导航的一段没有见过的代码,相对应之前的代码而言比较简洁(核心代码仅仅十来行),在这里推荐给大家。顺便多嘴一下:相信过不了多久 Jeff的阳台 就会重新换个皮肤改版上线,唯有新主题上线才能唤起我勤奋更新的动力了!
无插件仅代码实现 WordPress 分页导航教程
一、添加如下代码至主题的funtions.php文件夹内:
//分页导航 devework.com function dw_pagination() { global $wp_query; $big = 999999999; $paginate_links = paginate_links( array( 'base' => str_replace( $big, '%#%', get_pagenum_link($big) ), 'current' => max( 1, get_query_var('paged') ), 'total' => $wp_query->max_num_pages, 'mid_size' => 4 ) ); if ( $paginate_links ) { echo '<div class="pagination">'; echo $paginate_links; echo '</div><!--// end .pagination -->'; } } |
---|
二、添加美化代码至主题style.css(供参考):
.pagination{text-shadow:none;margin-top:20px;text-align:center} .pagination a{color: #999;} .pagination a:hover {border: 1px solid #27A9E3;background-color: #27A9E3;color: #fff;} .pagination .current{border: 1px solid #27A9E3; background-color: #27A9E3;} .pagination .page-numbers{border:solid 1px #DEDEDE;display:block;float:left;margin-right:3px;padding:3px 8px;position:relative} |
---|
三、添加调用代码至主题index.php、archive.php、category.php、search.php:
<?php if ( function_exists('dw_pagination') ) { dw_pagination(); } ?> |
---|
函数中的数组值'mid_size'
可以修改为主题需要的值(不同数值代表什么意思你试试就知道)。话说,老外也够谨慎,还加个判断 function_exists
。
- Dubbo官方的Starter发布1.0.0测试版,与Spring Boot的结合将更加自然
- spring-boot-starter-swagger 1.2.0.RELEASE:新增分组配置功能
- 领域驱动设计
- Spring Boot中使用JavaMailSender发送邮件
- Spring Boot的应用限流
- Spring Cloud构建微服务架构:服务网关(过滤器)【Dalston版】
- 虚拟机类加载机制
- 深入理解JVM垃圾收集机制(JDK1.8)
- 你真的懂let和const吗?
- MYSQL GTID使用运维介绍
- MongoDB系列一(查询).
- Angular CLI 简介
- 编程思想 之「接口、内部类」
- MySQL字符串中抽取数值的方法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 我扒了半天源码,终于找到了Oauth2自定义处理结果的最佳方案!
- python 解决多核处理器算力浪费的现象
- python实现单例模式的5种方法
- java序列化和序列化ID的作用
- python函数式编程
- 让Vim打造成强大的IDE,附_vimrc的配置和使用
- python 中面向切面编程AOP和装饰器
- HashMap&ConcurrentHashMap&HashTable
- python中的垃圾回收机制
- python中值传递还是引用传递?
- 基于Docker+Jenkins+Git的集成开发环境搭建
- python 函数的本质理解
- centOS(离线) off-line install docker-ce
- Java 工厂 Simple Factory&Factory&Abstract Factory
- python 性能的优化