服务器之家:专注于服务器技术及软件下载分享
分类导航

DEDECMS|帝国CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|苹果CMS|极致CMS|CMS系统|

服务器之家 - 建站程序 - Wordpress - Wordpress实现单篇文章分页显示的方法

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

2019-09-09 12:14WordPress大学 Wordpress

这篇文章主要为大家介绍了Wordpress实现单篇文章分页显示的方法,分析了文章页面的分页原理与对应js文件的修改方法,是非常实用的技巧,需要的朋友可以参考下

本文实例讲述了Wordpress实现单篇文章分页显示的方法。分享给大家供大家参考。具体分析如下:

很多朋友都知道Wordpress文章分页一般都会使用插件来实现的,下面我们来介绍无插件实现WordPress文章分页显示的具体方法.

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,当你打开编辑器写文章的时候,可视化状态下就会出现分页符的按钮,在你想插入页码的时候点击此按钮就行了.

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文件内容来实现。

 

希望本文所述对大家的WordPress建站有所帮助。

延伸 · 阅读

精彩推荐