如何用代码实现wordpress分页导航

一个好的网站就是要让用户在最短的时间内找到他们想要的内容。而且网站导航栏和分页导航就是帮助读者快速了解网站结构和寻找网站内容的最好工具之一。在很多WordPress主题中,使用WP-Pagenavi插件就可以实现分页功能。对于不想用插件的朋友来说,一定想知道如何用代码实现wordpress分页导航,下面还是来看看如何用代码实现wordpress分页导航吧!

1.首先添加下面代码至 functions.php:

/*分页代码*/

function ttwrite_pagenavi($range = 6){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>”;}}

}

2.然后在页面相应位置,把原来的wordpress分页导航代码改成以下:

<?php par_pagenavi(); ?>

3.这样就已经实现了wordpress分页导航,但此时的分页导航可能不是很好看,所以我们需要在style.css中进行适当装饰:

.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分页导航更美观,可以根据wordpress模板风格做必要的修改。

如果你对wordpress、seo感兴趣,欢迎加入技术交流QQ群:156755656

来源:袁绪能微信公众号:yxnsem,分享搜索引擎营销,整合营销,实战案例等诸多干货内容。欢迎分享,转载请保留版权信息!

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏是最好的支持!

支付宝扫一扫打赏

微信扫一扫打赏