SEO首页 > wordpress百科 > 如何用代码实现wordpress分页导航
201312月3

如何用代码实现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

文章来源:袁绪能博客(微信/QQ:18960460),欢迎分享,转载请保留出处!

更多
本文地址:http://www.yuanxuneng.com/wpbaike/390.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

发表评论

*

* (保密)

😉 😐 😡 😈 🙂 😯 🙁 rolleyes.png 😛 😳 😮 mrgreen.png 😆 💡 😀 👿 😥 😎 ➡ 😕 ❓ ❗

Ctrl+Enter 快捷回复

会员登录关闭

记住我 忘记密码

注册会员关闭

小提示: 您的密码会通过填写的"电子邮箱"发送给您.