一个懒惰的少年将来就是一褴褛的老人

纯代码为WordPress添加文章分页功能

启用WordPress文章分页功能

WordPress自带分页功能函数,但是很多主题并没有调用此功能,就算是我们添加了分页符,也不会出现分页效果。我们只需要在你的主题文章模板(多为single.php)添加一段代码就可以了。

在文章页模板(single.php)里只找到类似这段代码

在其后面添加下面这段代码就可以了。

在编辑文章时,切换到HTMl模式,插入如下代码到相应位置,文章就会自动分页,缺点是默认的分页样式不太美观,且每次都要切换编辑模式,不太方便。

将分页按钮集成到文章编辑框

为了方便使用,我们可以将分页按钮集成到文章编辑框,在网站根目录找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’,在 ‘wp_more’, 后添加 ‘wp_page’, (含单引号和逗号)。修改后代码如下:

这时候你就可以看到在文章编辑器上多了一个按钮,形状类似more按钮,就在它后面,而在html编辑器里也会出现一个nextpage按钮,使用的时候点击按钮就可以快速插入分页符号了。

《纯代码为WordPress添加文章分页功能》

美化分页效果

上文所述只是简单的调取分页功能,如果你想让分页的样式美观,就需要我们稍微动动手了,下面以雅兮网的分页样式为例。

首先将文章页的分页代码替换为如下代码(替换掉上文中的 <?php wp_link_pages(); ?> 

然后在主题style.css样式表里添加下面的样式。

之后效果就出来了,是不是美观很多呢?

《纯代码为WordPress添加文章分页功能》

给长篇幅文章添加分页功能,可以在一定程度上减轻用户对长篇幅文字的抵触,对网站PV上也有好处,希望本文能够帮到大家。

 

原文:雅兮网

 

崔哲博客本文短连接地址 : https://xn--xwr12q.xn--fiqs8s/6MicP
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注