WordPress翻页插件WP-PageNavi分页插件

作者 FarLee 2010年4月10日 17:50:55   ‖浏览(17,088)

WordPress博客首页页面设置显示了20篇文章,貌似看起来页面太长了,于是想把首页显示的文章数量减少一些。但是减少了首页文章数量又不方便翻看以前的历史文章,因为WordPress默认的向前翻页链接只有一个分页“下一页”的链接。

这时候想到了可以安装一个WordPress博客分页显示文章的翻页导航插件。这样即使首页index.php,或者文章存档页面archive.php(文章分类和标签页)的一页显示的文章数量少了,翻页阅读以前的历史文章也很方便了。

WordPress 插件库中寻找最热门的插件,第一条是Google XML Sitemaps 插件,第一页第八条则是一个翻页/分页导航插件:WP-PageNavi插件,正是我要找的。下面就开始安装WP-PageNavi插件了(当前最新版本为2.61)。

WordPress WP-PageNavi插件安装

1. 后台自动安装WP-PageNavi插件

我们可以在WordPress管理后台选择:插件-添加新插件-搜索”WP-PageNavi”-选择第一条就是了-直接在线自动安装即可。不过可能是由于网速/虚拟主机FTP速率原因,我在管理后台自动安装插件经常出现“API请求过程中一个意外HTTP错误发生”或者“Fatal error: Maximum execution time of 30 seconds exceeded in”执行超时错误,所以只能用另外一种下载安装包再FTP上传的方法。

2. 上传压缩包手动安装WP-PageNavi插件

  • 下载wp-pagenavi.2.61安装包–解压缩
  • 然后将wp-pagenavi整个文件夹上传到你的博客网站服务器的插件文件目录下(/wp-content/plugins/)
  • 进入WordPress后台插件管理中激活WP-PageNavi插件,点击”启用”。

WP-PageNavi插件如何使用

1. 添加WP-PageNavi插件代码

在wp管理后台启用了该插件之后,有些支持wp-pagenavi插件的WordPress主题就直接可以看到分页效果了。比如我的wp主题中首页index.php文件代码中就有使用WP-PageNavi插件的代码:

<?php if(function_exists('wp_pagenavi')) : ?>
<?php wp_pagenavi() ?>
<?php else : ?>
<span><?php previous_posts_link(__('&laquo; 前一页', 'lonelytree')); ?></span>
<span><?php next_posts_link(__('下一页 &raquo;', 'lonelytree')); ?></span>
<?php endif; ?>
// 如果存在wp_pagenavi函数,则启用wp_pagenavi插件;
//如果没有安装该插件,就使用前一页、后一页的翻页方式。

如果你的WordPress 主题不是默认支持WP-PageNavi翻页插件的,也完全没有关系,简单地加入下面的代码就可以使用这个优秀的翻页/分页插件了:

<?php wp_pagenavi(); ?>

比如你想在首页的底部加上分页显示文章的翻页导航,就可以打开index.php文件,将原来的显示“前一页”“后一页”的代码替换成上面的代码即可。比如我想把给文章索引页(包括文章分类、文章标签、按年月日显示文章页面)加上分页显示的翻页导航,就可以在archive.php文件中将类似下面的代码

<div><?php previous_posts_link( __('&laquo; 前一页', 'lonelytree')) ?></div>
<div><?php next_posts_link( __('下一页 &raquo;', 'lonelytree')) ?></div>

换成<?php wp_pagenavi(); ?>

2. 设置WP-PageNavi插件选项

添加了以上代码以后,可以在WordPress管理后台对wp-pagenavi插件分页显示文章的翻页效果进行设置:控制面板–设置–PageNavi。比如设置翻页提示的文本,是否启用设置下拉菜单的形式,是否启用CSS文件,显示几个页面链接,等等很多细节的设置。设置好以后点击”Save Changes”就可以了,千万不能误点到最下方的”Uninstall WP-PageNavi”,点击这里就会将这个插件卸载了。

设置WP-PageNavi分页导航CSS样式

如果你觉得WP-PageNavi翻页插件显示的CSS样式不太满意,那么在勾选了”use pagenavi.css”后,就可以自由编辑pagenavi.css文件:控制面板–找到WP-PageNavi点击编辑–右侧选择编辑插件文件”wp-pagenavi/pagenavi-css.css”,在这里修改CSS,直到达到自己满意的分页效果为止。

而在前面提到我的wp主题是默认支持wp-pagenavi插件的,它调用的CSS文件是在wp的主题(theme)文件夹里,所以要修改这里的CSS文件才能起效。


“WordPress翻页插件WP-PageNavi分页插件”文章评论(21)

  1. WP只有前一页和后一页的设定实在太奇怪了

    • 这有什么奇怪的,wordpress追求的就是简单至上。

  2. 虽不用wordpress,但还是学习了

  3. 这样设置也不错,有些人不一定会翻页的!

  4. 呵呵~~我用不着诶~

  5. 好吧确实对我有帮助.

  6. YISU

    学习了。不过,我按照你的教程,加了代码后还是没有分页成功。能指点一下吗?(lixbio.com)

  7. 太感谢博主你的介绍了!在百度一搜索就到你这了!一下就搞定了!!

  8. 搜到你的文章,感谢分享,一用就见效。效果真不是神马,也不是浮云。哈哈

  9. 太谢谢了,我成功了,哈哈

  10. 感谢博主!
    我复制下来了

  11. 正在为这个问题困扰着呢~~呵呵~~不错~~
    已经用上了,效果不错~~
    页面滚动时,自动加载文章·~ajax的效果,用户体验不错!~~

  12. 按照你的方法成功了,不错

  13. 博主你好,在我网站的archive.php模板中的代码,我安装wp-pagenavi后并启用,但
    翻页导航并没有出现,是不是还要在后台-设置-分页导航这里设置什么?
    麻烦你解答下,谢谢

  14. 没有实现啊!

  15. 我用了以后发现不能显示啊。确定它也适合EBUY的主题吗?

  16. 刚刚不知道怎么安装 原来还要改代码 替换 感谢分享了

Trackbacks/Pingbacks

  1. WordPress标签分页url rewrite重写规则 - 远方博客
  2. wp-pagenavi分页插件使用trim函数去除斜杠/ - 远方博客
  3. 测度 « Garbage States Blog's
  4. WP新手笔记之八:分页导航[插件&非插件] | cCYANn

来说兩句