分享

无插件完美实现WORDPRESS长文章分页

 独钓壹江 2013-03-16

无插件完美实现WORDPRESS长文章分页

 

今天在维护中,发现我们的一个wp站上的文章非常长、而且整篇文章中至少有20长以上的图片,我用鼠标拖了三次都还没拖到底(汗!!)。我们先不说网页加载速度和访问速度,当从用户访问来说,我想没几个人会耐着性子把这种文章看到底,即使看完,我想访问用户也是非常累的。而且,这种长文章、再加上大量图片,这会严重影响页面加载速度、而且也会把网页拖的很长的影响美观,如果碰到网速不好的用户,加载时间就非常长、无形中就更多的消耗php虚拟主机宝贵的流量。我建议用户将wordpress非常长的文章分页显示;即方便用户阅读,也加快网页加载速度,而且还有一个附带效果——提高网站PV。

 

那么如何在wordpress里面实现长文章分页效果类?无忧主机(www.)在网上参考了非常多的文章,并整理出确实可行的修改方法。(注:网上很多关于wordpress文章分页教程都是针对wp老版本,不合适最新版本3.3使用。大家参考其它教程的时候注意教材发布时间。)本教程将针对wordpress 3.3.1版本如何实现文章分页效果做详细说明。

要实现的效果:一篇很长的文章(图片+文字)可以自定义在任意地方截断、分页,将长文章以 1、2、3、4…等分割成几个部分,方便用户阅读。

实现方法:不实用wp插件,直接修改wp源代码。

在修改源代码的过程中,我们需要对:

…/ wp-includes/class-wp-editor.php;

…/wp-content/themes/网站wp主题目录/single.php;

…/wp-includes/js/quicktags.dev.js;

…/wp-includes/js/quicktags.js。

这4个文件进行修改。请开始修改前,将这几个文件下载到本地电脑,并备份。无忧主机(www.)推荐使用文本编辑器editplus工具进行修改。详细过程如下:(提修改时请注意全英文状态输入)

1、 使用editpulsu打开class-wp-editor.php,,约在357行,在’wp_more’,后面添加:‘wp_post’, 。如下如

无忧主机原创:无插件完美实现wordpress长文章分页 image0013 150x71

2、 使用editpulsu打开quicktags.js,拉到最后,找到:

c.TagButton(“more”,”more”,”<!–more–>”,””,”t”)

并在后面添加一段:

edButtons[130]=new c.TagButton(“page”,”page”,”<!–nextpage–>”,””,”p”),

把最后一条中的edButtons的参数分别改为:edButtons[140]和edButtons[150]修改后如下:

edButtons[140]=new c.SpellButton(),edButtons[150]=new c.CloseButton()})();

quicktags.dev.js添加代码修改参数后,如下图所示:

无忧主机原创:无插件完美实现wordpress长文章分页 image003 150x127

3、 使用editpulsu打开quicktags.dev.js,约620行位置,

请在

edButtons[120] = new qt.TagButton(‘more’,’more’,’<!–more–>’,”,’t’),

后面添加增加一段代码如下:

edButtons[130] = new qt.TagButton(‘page’,’page’,’<!–nextpage–>’,”,’p’),

同时修改第622、623行为:

edButtons[140] = new qt.SpellButton(),

edButtons[150] = new qt.CloseButton()

quicktags.dev.js文件最终修改后如下图:

无忧主机原创:无插件完美实现wordpress长文章分页 image005 150x127

4、 使用editpulsu打开single.php,这个操作是要让我们wp主题支持分页功能,修改后,我们只需要在wp后台文章编辑器中,选择 “page”按钮,直接对文章进行分页,非常简单,就想使用“more”功能按钮一样。打开single.php在最后添加如下代码:

<?php wp_link_pages(‘before=<div id=”page-links”>&next_or_number=number’);

wp_link_pages(‘before=&after=</div>&next_or_number=next&previouspagelink=上一页&nextpagelink=下一页’);

?>

经过上面4步修改,然后把文件上传覆盖后,wordpress后台,查看文本编辑器里面就多了一个page功能。我们写文章的时候,就可以随意使用<!–nextpage–>标记,对文章进行分页显示了。是不是非常简单、方便、实用类。看看劳动成果:

无忧主机原创:无插件完美实现wordpress长文章分页 image007 150x84

文章分页效果展示如下图:

无忧主机原创:无插件完美实现wordpress长文章分页 image009 150x150

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多