今天需要实现一个功能,WordPress 实现一篇较长的文章分页显示,于是乎找了很多资料,找了很久才找到,大部分都是 3.0 之前的实现方法,所以都不成功,后来终于找到了,也知道了之前的不能实现的原因。下面魏星博客就分享一下我实现的过程以及代码。

1. 找到 wp-includes/js/quicktags.js ,在其中找到下面这个 javascript 代码:

edButtons[edButtons.length]=new edButton(「ed_more」,」more」,」<!–more–>」,」",」t」,-1);

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

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

2. 继续在 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);

OK ,此文件可以保存了。

3. 找到 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
);

4. 找到 wp-admin/includes/post.php ,找到下面代码:

『link』, 『unlink』, 『wp_more』,

在其后面添加代码:

『wp_page』,

OK,当你打开编辑器写文章的时候,可视化状态下就会出现分页符的按钮,在你想插入页码的时候点击此按钮就行了。

WordPress单页文章分页

5. 修改 single 页面的代码,找到一下代码

<?php the_content(); ?>

一般情况下,他的下面会紧跟着一段类似代码如下,如果没有请你自己手动添加

<?php wp_link_pages( array( 'before' => '<div >' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>

6. 到这边已经成功了,你可以书写文章进行测试了,测试玩你就会发现样式不是很好,你可以接着修改第 5 步中的代码,将其改为一下的代码,实现一定的样式

第 1 页,第二页,第三页形式代码

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

上一页 2 3 4 5 6 7 下一页形式代码

<?php
wp_link_pages('before=&after=&next_or_number=next&previouspagelink=上一页&nextpagelink=&nbsp');
wp_link_pages('before=&after=&next_or_number=number');
echo "&nbsp;";
wp_link_pages('before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一页');
?>

好了,全部功能基本已经实现,要是还想修改样式什么的,请自己加 css 文件内容

下面是我替换好的 2 个 js 文件,以及 post.php 文件,你可以直接下载,替换原来的文件就行了,如果你有什么问题或疑问,请留言,互相交流!!