无插件仅代码实现 WordPress 分页导航(2)

时间:2022-04-23
本文章向大家介绍无插件仅代码实现 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