WP Page Numbers – wordpress分页导航插件使用方法与教程

免费教程   2009年08月24日 12:34  

一个好的网站就是要让读者在最快的时间内找到他们想要的东西。而且网站导航栏和分页导航是帮助读者快速了解网站结构和寻找网站同内容的最好工具之一。

所有很多拥有wordpress博客的朋友们都想让自己的博客或者网站有一个实用并且足够吸引的分页导航。

一、WordPress分页插件

1、说到WordPress分页插件,可能大家首先想到的是WP-PageNavi插件,并且很多人已经正在使用它吧。

2、WP-PageNavi插件解决了wordpress博客“上一页”和“下一页”这样简单并且丑陋的分布导航,取而代之的是以数字显示和上下页按钮来显示wordpress分布导航。

3、不过,虽然在实用性方面WP-PageNavi插件是不错的,不过在适应和吸引力方面就不行了。WP-PageNavi提供的样式很单一,并且很多分页并不适合中国人阅读的习惯。

4、另外,如果你要修改WP-PageNavi的样式,还得自己的去修改css样式。当初免费资源部落就花了很大的时间来研究和修改WP-PageNavi插件的css样式。

5、使之能够与免费资源部落的主题相适应。不这,如果你不想像我这样麻烦的话,那就试试免费资源部落今天推荐了WP Page Numbers分页插件吧。

二、WP Page Numbers分页插件

1、WP Page Numbers分页不仅提供了分页导航的功能 ,而且还有五款样式可以供选择。下图是五种样式。

WP Page Numbers - wordpress分页导航插件使用方法与教程

2、如果你不不满意的话,你还可以添加了其它样式,如果如果你是一个css高手的话,你还可以建立新的导航样式,新建样式不会影响其它的五种样式。

3、除了这些,你还可以自己设置分页的文本、间隔符号等,这个可以说是非常适合国人使用wordpress博客的需要了。

三、WP Page Numbers 安装和使用方法教程

1、首先下载WP Page Numbers插件,这里是WP Page Numbers下载地址,官方网站:https://wordpress.org/extend/plugins/wp-page-numbers

2、将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。或者你可以直接在wordpress后台下载安装。

3、安装完成后,点击“插件”选项激活WP Page Numbers插件。将下面代码放在archive.php、index.php、search.php模版文件中并把previous_post() and next_post()语句去除。


< ?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

4、现在点击左边的菜单栏的“设置”--->“Page Numbers”链接,进入WP Page Numbers插件相关设置。

四、如何设置WP Page Numbers插件?

1、Use themes表示是否包含你的wordpress主题stylesheet,免费资源部落建议你勾选它,因为不选择的话,有的主题可以有不能正常显示分页数字。如下图:

WP Page Numbers设置

2、接下来就是选择一个样式主题,共有五个样式可以选择:Modern、Classic、Tiny、Panther、Stylish

3、Theme folder name,这里你可以选择自己的设计分页样式文件夹。

五、如何自己制作分页导航样式呢?方法如下

1、新建一个Theme folder,随便命名一个名字,例如:freehao123。如下图:

WP Page Numbers自定义导航栏样式

2、然后在新建的文件夹放入自己制作的样式文件,wp-page-numbers.css这个文件是一定要有的,其他的例如图片等你可以根据自己的喜好来添加。

3、制作好了后,将整个freehao123文件夹上传到你的wordpress博客的wp-content/plugins/wp-page-numbers文件夹中。

4、然后在Theme folder name中填入你自己制作的主题文件夹名称,如freehao123,现在点击“update setting”保存设置成功了。

WP Page Numbers自定义导航主题样式

5 、Settings - Text这里可以改变分页导航的文本显示和符号显示。这也是WP Page Numbers插件相对于WP-PageNavi插件的优势。

6、Default text: Page在右边输入你要替换page的文本,例如:文章页面。Default text: of可以用其它的文本来替换of,of比较适合外国人使用,中国人使用的话一般可以将其替换成“共有”,表示总共有多少页。

7、其它的如默认的向前和向后符号还有省略符号等你都可以在右边输入你想要的文本来替换。如下图:

WP Page Numbers设置显示文本

六、关于Settings - Misc设置问题

1、Number of pages to show你可以决定最多可以显示多少分页,这个可以根据你的页面宽度来决定。0的话表示没有限制。

2、例如免费资源部落设置为0,显示结果如下:

WP Page Numbers显示文章数目限制

3、整个设置好了后,可要记得“update setting”按钮,你的设置就可以生效了。

文章出自:免费资源部落 www.freehao123.com  转载请注明出处.

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有44 位神马家族成员冒出泡来在农场开始干活了
  • dongfang

    请问你的位置导航栏是用什么插件?我正在寻找,但一 直没结果,请博主给个回复[email protected]谢谢了

    qi 回复:

    你好,我的主题导航栏没有使用插件。这是主题提供的功能。

    jiemar 回复:

    @qi, 你的同一篇文章,分页的功能是怎么实现的,自己写的CSS吗?

    这是农场的第 1 块农田,部落批准 [dongfang] 在[2010-6-6 17:05]开垦完成.
  • 这个插件好像要改的东东多了些。比较麻烦。

    qi 回复:

    是的,但是这些修改都比较简单,只要修改一下代码就可以了。

    这是农场的第 2 块农田,部落批准 [BB霜] 在[2010-7-11 00:06]开垦完成.
  • 一二

    您好 大哥请问 我用了这个分页插件,我在wordpress 控制台 设置–阅读里边设置每页显示10条数据 但是我想我用到分页的页面每页显示不同的数据怎么做 比如1页面我想显示10条数据分页 2页面我想每页显示20条数据分页 怎么做呢?

    qi 回复:

    你好,据我所知,WP Page Numbers这个免费插件暂时没有这么个性化的功能,不过你可以配合用WP函数做出判断,然后进行插件函数的调用 。

    有什么疑问,欢迎与我交流。

    这是农场的第 3 块农田,部落批准 [一二] 在[2011-1-25 15:10]开垦完成.
  • 爱秀客

    插件是不错,就是设置有些复杂

    qi 回复:

    是的,Wordpress插件功能很强大,但是使用起来也不是很容易的。

    这是农场的第 4 块农田,部落批准 [爱秀客] 在[2011-7-17 22:20]开垦完成.
  • okhyf

    那评论该怎么实现像这样的分页导航呢?

    qi 回复:

    打开评论文件,其实已经自带了分页导航,至于评论多少数目才分页,自己可以在Wordpress后台设置。

    这是简单的下一页和上一页评论导航。

    这是农场的第 5 块农田,部落批准 [okhyf] 在[2011-7-26 00:18]开垦完成.
  • 英文杂志

    学习了。谢谢分享。

    qi 回复:

    呵呵,谢谢支持。。

    这是农场的第 6 块农田,部落批准 [英文杂志] 在[2011-7-26 17:22]开垦完成.
  • wordpress

    您好,我想问下,为什么我的下面的页码是竖着显示的那,我的那边也勾选了符合主题的那个选项?不知道是什么问题,您能帮我看下吗

    qi 回复:

    你好,你的网站打不开。你的意思是说,这个分页导航效果不是横着的?这个可能是CSS冲突的问题。我的QQ:798558110。可以加我。

    这是农场的第 7 块农田,部落批准 [wordpress] 在[2011-7-28 17:44]开垦完成.
  • qi

    代码修改后替换掉你原来的Wordpress主题的导航栏的代码。
    这个可能需要对WP一些函数的了解。

    这是农场的第 8 块农田,部落批准 [qi] 在[2011-8-16 14:56]开垦完成.
  • 宝宝营养食谱

    设置有些复杂

    这是农场的第 9 块农田,部落批准 [宝宝营养食谱] 在[2011-11-20 19:56]开垦完成.
  • 小韩

    你好,在wp网站安装分页插件时,将下面代码放在archive.php、index.php、search.php模版文件中并把previous_post() and next_post()语句去除。

    在哪儿找archive.php、index.php、search.php模版文件啊,这些语句previous_post() and next_post()在哪,请详细指点一下,麻烦您了!

    qi 回复:

    在Theme文件夹中,找到你的主题的文件夹,打开就看到了。这些都是主题的文件。

    这是农场的第 10 块农田,部落批准 [小韩] 在[2011-12-30 10:45]开垦完成.
  • 鸟人你一边去

    我分页,怎么找不到页面?

    qi 回复:

    @鸟人你一边去, 是没有显示#页链接吗?

    这是农场的第 11 块农田,部落批准 [鸟人你一边去] 在[2012-4-20 14:05]开垦完成.
  • 鸟人你一边去

    谢谢,已解决,与自己写的分页的冲突,去掉就好了

    qi 回复:

    @鸟人你一边去, 哦,原来是这样的。

    这是农场的第 12 块农田,部落批准 [鸟人你一边去] 在[2012-4-22 21:36]开垦完成.
  • ONS

    想找一个文章分页的真难,搜索出来的都是导航分页,哪里能找个文章自动分页的插件?

    qi 回复:

    @ONS, 你要找的应该是这个吧:https://www.freehao123.com/wordpress-fenye/

    这是农场的第 13 块农田,部落批准 [ONS] 在[2012-6-21 20:07]开垦完成.
  • cinqzhuce

    我的网站不知道为什么用了这个插件之后,导航到第三页就说找不到页面 www.mirabbit.com 这是我的网站

    qi 回复:

    @cinqzhuce, 是不是内容没有?

    这是农场的第 14 块农田,部落批准 [cinqzhuce] 在[2012-9-3 15:24]开垦完成.
  • wawa 1

    为什么我在themes中的主题文件夹里的archive.php、index.php、search.php这三个文件里都找不到以下的代码
    是不是已经去除了?谢谢解答

    qi 回复:

    @wawa, 可能和你使用的主题有关系。你能查出来你的主题哪个文件控制分页的吗?或者你找一下哪个文件有这段代码:
    previous_post() and next_post()

    wawa 回复:

    @qi, previous_post() and next_post()这段代码在主题文件夹里的文件全部都找过了也是没找到,会不会和主题有关,我用的是Twenty Eleven主题

    qi 回复:

    @wawa,
    Twenty Eleven需要找到archive文件还有其它的下列代码替换掉:
    ?php twentyeleven_content_nav( 'nav-below' ); ?>

    wawa 回复:

    @qi, 是将archive、index、search这三个文件的?php twentyeleven_content_nav( ‘nav-below’ ); ?>代码,替换成什么

    qi 回复:

    @wawa, 替换成插件的代码。

    <?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

    wawa 回复:

    @qi, 设置了大概要几篇文章才能现实效果,我现在5篇

    qi 回复:

    @wawa, 这就要看你的WP那个“阅读”中将分页设置为几篇了,如果是10篇,要发够了10以上才会显示。

    wawa 回复:

    @qi, 可以了,谢谢你的教程

    qi 回复:

    @wawa, 呵呵,客气。

    这是农场的第 15 块农田,部落批准 [wawa] 在[2012-9-6 12:24]开垦完成.
  • 冬冬

    你好,大侠我用的HelloMetro的主题,但那三个文件找不到那previous_post() and next_post()这段代码,麻烦帮忙看看

    qi 回复:

    @冬冬, 你试着扩大范围,因为有些主题喜欢用一些include,你查找这些语句,然后通过这些语句来找到文件。

    冬冬 回复:

    @qi, 谢谢你,找是找着了,但新问题又出来了,哈哈

    qi 回复:

    @冬冬, 又出了什么问题了?

    这是农场的第 16 块农田,部落批准 [冬冬] 在[2012-11-15 17:22]开垦完成.
  • 前端观察站

    我用了wp-pagenavi居然有些地方显示,有些栏目不现实分页,连样式都没法改变,我有写css样式,但是就是没变,不知道是不是空间问题。

    qi 回复:

    @前端观察站, 是不是开了缓存了?

    这是农场的第 17 块农田,部落批准 [前端观察站] 在[2013-9-26 22:43]开垦完成.
  • w3c潮流前端网

    学习了

    这是农场的第 18 块农田,部落批准 [w3c潮流前端网] 在[2013-12-8 22:31]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X

返回顶部