记得周良很久以前折腾的视觉天城教程网站,主要是一个设计教程网站,用的也是 WordPress。说到教程网站,文章当然会有很多图片,往往一篇文章就长到一个恐怖的程度,并且打开很慢,所以给网站添加一个分页的功能是当务之急!
在网上找了一些教程进行试验,主要都是使用 WordPress 自带隐藏的文章内容分页功能。

下面我们将说下如何显示 WordPress(我只在 WordPress 3.1.1 下面测试过)隐藏的文章内容分页功能:

  1. 找到 wp-includes/js/quicktags.js,在其中找到下面这个代码:
edButtons[edButtons.length]=new edButton(“ed_more”,”more”,”<!–more–>”,””,”t”,-1);

在这个代码的后面加上如下代码:

edButtons[edButtons.length]=new edButton(“ed_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

注:是“ed_next”,不是“ed_netx”。是“–nextpage–”,不是“–netxpage–”,网上很多教程都是拼写错误。

  1. 继续在 wp-includes/js/quicktags.js 中找到如下代码:
j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,”<!–more–>”,”",”t”,-1);

在后面加上如下代码:

j.Buttons[j.Buttons.length]=new edButton(a+”_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

保存 wp-includes/js/quicktags.js

  1. 找到 wp-includes/js/quicktags.dev.js ,找到下面代码
/* edButtons[edButtons.length] = new edButton(‘ed_next’ ,’page’ ,’<!–nextpage–>’ ,” ,’p’ ,-1 ); */

将其注释符号去掉,如下:

edButtons[edButtons.length] = new edButton(‘ed_next’ ,’page’ ,’<!–nextpage–>’ ,” ,’p’ ,-1 );
  1. 找到 wp-admin/includes/post.php ,找到下面代码:
‘link’, ‘unlink’, ‘wp_more’,

在后面添加以下代码:

‘wp_page’,

好了,WordPress 3.1.1 隐藏的文章内容分页功能现在已经显示出来了。如图:(此图标和 more 图标相似)

下面我们还要往当前主题目录下 single.php 里面添加分页函数,找到代码:

<?php the_content(); ?>

在下面添加分页函数:

<?php wp_link_pages(‘before=&after=&next_or_number=number&pagelink=第%页’); ?>

现在你可以添加一个长篇文章来测试效果了。当然了如果你会 CSS,你还可以美化一下效果。 关于函数 wp_link_pages 的用法可以查看 WordPress 官网 http://codex.wordpress.org/Template_Tags/wp_link_pages


此分页功能对搜索引擎不够友好,所以我们还得改造。此方法参照:http://wordpress.org.cn/thread-61875-1-1.html
1.我们找到当前主题目录下的header.php ,在</head>之间加上如下代码:

<?php if ( is_singular() ){ ?> <link rel=”canonical” href=”<?php the_permalink(); ?>” /> <?php } ?>

2.找到当前主题目录下的 header.php,在输出 description 元标记的代码后添加:

<?php if (get_query_var(‘paged’)) { //判断是否为首页 echo ‘第’; echo get_query_var(‘paged’); //页码 echo ‘页’; }?>

此方法可能有些问题,我没有发现有任何改变。

3.避免feed输出也被分页,找到 wp-includes/query.php ,找到代码:

if ( strpos( $content, ‘<!–nextpage–>’ ) ) {

改为:

if ( strpos( $content, ‘<!–nextpage–>’ ) && (!is_feed()) ) {

改造基本完成,有什么问题提出来,大家可以交流下。 今天是国庆节,祝大家节日快乐!

32 条回复

  1. 嘿嘿,好的

  2. 这个不错哈哈

    1. 嘿嘿,好的

  3. 自动没用。不过有个更加简单的方法,过几天写出来。

    1. 其实很多人希望长文章可以实现自动分页,不用手动在文章内一个个添加分页标签。呵呵,我们都在寻找长文章自动分页,怎么到现在没看到您有写出这个自动分页的方法呢?

  4. 有没有直接根据字数 自动分页的…

    1. 自动没用。不过有个更加简单的方法,过几天写出来。

      1. 其实很多人希望长文章可以实现自动分页,不用手动在文章内一个个添加分页标签。呵呵,我们都在寻找长文章自动分页,怎么到现在没看到您有写出这个自动分页的方法呢?

    1. 这个比我的简单多了,呵呵

  5. 正需要这个,谢谢博主

  6. 还真复杂啊~看到代码俺就头晕啊 :?:

    1. @toinka: 嘿嘿,习惯就好了

  7. 先留着,节日快乐!!

    1. 节日快乐!!

  8. 需要加那么多代码啊,直接在想分页的地方手动输入不是更好吗

  9. 你真好学!好孩子!我老了,学不进去了!

  10. 最近我也在学着改代码,在这里学习了

    1. @俊文 : 加油! :roll:

  11. 估计用不上 很难写那么长的文章

    1. 这个对于图片站或是设计教程类型的有点用处,但对搜索引擎不太友好

  12. 从未写过可以分页的那么长的文章

  13. 没虾米,借借看不懂啊,还是实际操作的简单

    1. @东京蓝调 。 : 姐姐你不行咯,哈哈!那个,你为什么每次来评论都用自己的QQ网名啊 :idea:

  14. 我表示我是代码小白 :sad:

    1. @阎魔爱 : 好吧,以前我也是代码白痴,加油! :grin:

  15. 这个挺有用了 俺已经实现了
    貌似比这个要简单点 忘记了
    回头再看看 支持一个先
    节日快乐

    1. @心淡若水 : 期待更简单的方法,祝兄弟国庆节快乐!

  16. 咱一般吐槽都很短,再用上分页的话,可能就一句一句的吐了……

    1. @熊猫稀饭 : 如果你要是一句一句的吐了,那很多读者都要去撞墙咯 :grin: 呵呵

  17. 武兄,这篇文章写的真是时候啊,哈哈 :roll:

    1. @沐阳 : 难道这篇文章对你很有用?一般的博客都用不到单篇文章分页 :!:

发表回复

您的电子邮箱地址不会被公开。