前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >无插件仅代码实现 WordPress 分页导航(2)

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

作者头像
Jeff
发布2018-01-19 16:03:16
8200
发布2018-01-19 16:03:16
举报
文章被收录于专栏:DeveWorkDeveWork

最近在折腾 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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2013/08/22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 无插件仅代码实现 WordPress 分页导航教程
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档