wordpress主题制作、wordpress插件开发、WordPress优化
当前位置:首页 > wordpress优化 > 正文

wordpress分页函数代码


不用插件实现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;
}

具体样式你可以根据自己主题稍微修改一下即可。

原创文章如转载请注明:转载帕克实验室

标签:
,
分类:wordpress优化 | 发布:帕克 | 评论:1 条 | 发表时间:2011-12-4 08:08
引用:http://www.pakelab.com/wordpress-fen-ye-han-shu/
上一篇:
下一篇:

才1个评论

  1. 夕阳 说:

    帕克你好,请问UFO-CMS主题如何设置如果该文章没有图片,则不进行调用“幻灯片和图志更新”?因为没有图片的话则会调用默认的图片,如果数量较多感觉会很单调。

    [回复]

发表评论

*

* 绝不会泄露



Design By 帕克实验室 | Power By Wordpress |网站地图|