一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Wordpress实现单篇文章分页显示方法

时间:2022-06-25 19:19:25 编辑:袖梨 来源:一聚教程网

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

 代码如下 复制代码

edButtons[edButtons.length]=new edButton(“ed_more”,”more”,””,”",”t”,-1);

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

 代码如下 复制代码

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

2. 继续在wp-includes/js/quicktags.js 中找到如下代码:

 代码如下 复制代码

j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,””,”",”t”,-1);

在后面加上如下代码:

 代码如下 复制代码

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

OK ,此文件可以保存了。

3. 找到wp-includes/js/quicktags.dev.js ,找到下面代码

 代码如下 复制代码

/*
edButtons[edButtons.length] =
new edButton(‘ed_next’
,’page’
,’
,”
,’p’
,-1
);
*/

去掉注释,最后是下面的样子

 代码如下 复制代码

edButtons[edButtons.length] =
new edButton(‘ed_next’
,’page’
,’
,”
,’p’
,-1
);

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

 代码如下 复制代码

‘link’, ‘unlink’, ‘wp_more’,

在其后面添加代码:

‘wp_page’,

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

 

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

 代码如下 复制代码

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

 代码如下 复制代码

'

' . __( 'Pages:', 'twentyten' ), 'after' => '
' ) ); ?>

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

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

 代码如下 复制代码

echo ‘第’;
echo get_query_var(‘paged’); //页码
echo ‘页’;
}?>

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

 代码如下 复制代码

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

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

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

热门栏目