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

网站应用 - 一月 2, 2010 - 来源:单点日志 - 9 Comments -

首先,在我们用到插件来实现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相应的地方加上

1
&lt;?php wp_pagebar(array('before'=&gt;'Pages:&nbsp;'))?&gt;

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

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




无觅相关文章插件,快速提升流量

《wordpress 分页的三种方法:自带分页代码和wp-pagenavi,PageBar插件》由单点日志原创提供!
转载请注明:http://spoint.babyshoot.cn/archives/2010/01/wordpress-wp-pa.html

9 Comments│赶紧发话! »

发表评论

您必须登录后才能发表评论。
8