注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

千年绿叶

黑夜给了我黑色的眼睛,我却用它来寻找光明......

 
 
 

日志

 
 

wordpress分页函数代码  

2012-03-13 20:04:59|  分类: Wordpress |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

不用插件实现wordpress分页是很容易的,网上也有很多方法,包括wordpress也自带分页代码,
今天给大家分享一个 wordpress分页函数代码,效果很不错。打开主题函数文件 functions.php。
添加如下代码:

/*PAGINATION*/

function par_pagenavi($range = 10){

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 "<a href='" . get_pagenum_link(1) . "' class='extend'

title='跳转到首页'> 返回首页 </a>";}

previous_posts_link(' 上一页 ');

if($max_page > $range){

if($paged < $range){for($i = 1; $i <= ($range + 1); $i++)

{echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo ">$i</a>";}}

elseif($paged >= ($max_page - ceil(($range/2)))){

for($i = $max_page - $range; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo ">$i</a>";}}

elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){

for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++)

{echo "<a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a>";}}}

else{for($i = 1; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " class='current'";echo ">$i</a>";}}

next_posts_link(' 下一页 ');

if($paged != $max_page){echo "<a href='" . get_pagenum_link($max_page) . "' class='extend'

title='跳转到最后一页'> 最后一页 </a>";}}

}

 

在需要出现分页的地方调用

<div class="pager">   <?php par_pagenavi(); ?>  </div>

然后再样式表文件style.css里定义paper样式,我给大家一个范例:

.pager {    width:630px;  overflow:hidden;  white-space:nowrap;  padding:4px;  }    .pager a {  border:1px solid #ccc;  background:#000000;  font-size:12px;  margin:2px;  padding:3px 6px;  }  .pager a.current {  border:1px solid #ccc;  background:#4E9A06;  font-size:12px;  margin:2px;  padding:3px 6px;  }    .pager a:hover {  border:solid 1px #FFF;  background:#4E9A06;  color:#fff;  text-decoration:none;  }
  评论这张
 
阅读(655)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018