自从我使用这个主题以来,已经动手折腾了很多次,目前勉强可以套用代码并调整样式,这个主题居然激发了我学习的动力,真是不可思议。
这是我第三次尝试,这次直接去掉了原有的按钮,改为现在的分页显示,操作相对简单。下面将代码分享给大家,欢迎折腾。
- 将以下代码添加到 functions.php 文件中:
`function par_pagenavi($range = 9){
global $paged, $wp_query;
if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
if($max_page > 1){if(!$paged){$paged = 1;}
if($paged != 1){echo “ 返回首页 “;}
previous_posts_link(‘ 上一页 ‘);
if($max_page > $range){
if($paged $i”;}}
elseif($paged >= ($max_page - ceil(($range/2))){
for($i = $max_page - $range; $i $i”;}}
elseif($paged >= $range && $paged $i”;}}}
else{for($i = 1; $i $i”;}}
next_posts_link(‘ 下一页 ‘);
if($paged != $max_page){echo “ 最后一页 “;}}
}`
- 添加 CSS 样式:
`.page_navi{overflow:hidden;width:100%;text-align:center}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}`
- 在需要显示分页的位置添加调用代码即可(数字表示最大显示的页码,你可以根据具体需求进行调整):
``
- 感谢WordPress大学!