wordpress 分页的三种方法:自带分页代码和wp-pagenavi,PageBar插件

首先,在我们用到插件来实现wordpress分页功能时,我们可以先尝试wordpress自带的分页代码来满足自己的需要,毕竟启用插件或多或少的会影响网页速度

第一种方法:

单点日志 spoint.babyshoot.cn

因此先来提下wordpress自带的分页代码,这些只能满足上一页及下一页的功能:

在你需要的地方插入如下代码:

<div id="nav-below" class="navigation">
<div class="nav-home"><a class="home" href="<?php echo get_settings('home') ?>/">HOME</a> | <a class="top" href="#content">Top</a></div>
<div class="nav-previous"><?php next_posts_link(__('Older posts')) ?></div>
<div class="nav-next"><?php previous_posts_link(__('Newer posts')) ?></div>
</div>

主要是这些类似的代码<?php echo get_settings('home') ?>,其他是相关的CSS样式,参考CSS如下:

.nav-previous a {
float: left;
background: transparent url(imgs/allbgs.png) no-repeat 0px -167px;
padding-left: 14px;
}

.nav-previous a:hover {
float: left;
background: transparent url(imgs/allbgs.png) no-repeat -79px -166px;
padding-left: 14px;
}

.nav-next a{
float: right;
background: transparent url(imgs/allbgs.png) no-repeat 74px -146px;
padding-right: 14px;
}

.nav-next a:hover{
float: right;
background: transparent url(imgs/allbgs.png) no-repeat 74px -184px;
padding-right: 14px;
}

.nav-home {
left: 194px;
position: relative;
top: 18px;
width: 120px;
}

a.top {
background: transparent url(imgs/allbgs.png) no-repeat -138px -197px;
padding-right: 14px;
}

a.top:hover {
background: transparent url(imgs/allbgs.png) no-repeat -56px -196px;
padding-right: 14px;
}



第二种方法:wordpress
单点日志 spoint.babyshoot.cn
 插件:wp-pagenav
插件:wp-pagenav,这个插件用的比较多, 官方下载:WP-pagenavi

1、把下载下来的文件解压,并将pagenavi(注意,pagenavi而不是wp-pagenavi文件)文件上传到/wp-content/plugins/目录下。

2、到后台的设置(optation),在PageNavi下设置参数,英文版本的为:'WP-Admin -> Options -> PageNavi'

3、最后,在你想要添加这个分页的地方加上如下的代码:

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>


其实在插件作者页面有更详细的说明,如果碰到问题,不必忧虑,仔细看作者对插件的说明,其中可以在FAQ中找下的问题,看是否有解决方案,一般来插件成熟,不会有问题的.
 
第三种方法:wordpress 插件:pagebar
单点日志 spoint.babyshoot.cn


第一步,下载一个插件:

第二步:解压,并把pagebar.php上传到你的插件目录中(/plugins/pagebar.php),用记事本打开把pagebar.css文件,将其复制,粘贴到你的style.css中....

第三步:在index.php/single.php/archieve.php相应的地方加上

<?php wp_pagebar(array('before'=>'Pages: '))?>

第四步:最关键的一点,激活你的插件,翻页插件就出现在你的博客了。

wordpress插件需在后台激活,不然即使你添加代码正确,也是没有效果的,不要百忙活.

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值