### [wordpress怎么发长文章](https://www.prosaas.cn/article/2854)

**Published:** 2019-07-12T02:34:25

**Author:** 5201314

**Excerpt:** 有时单个文章页面篇幅过长，会影响页面加载速度和用户体验，这时我们需要使用WordPress长文章分页显示。实现…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212121242458.jpg)

有时单个文章页面篇幅过长，会影响页面加载速度和用户体验，这时我们需要使用WordPress长文章分页显示。实现分页有二种方法，一种是使用wordpress长文章分页插件，另一种是通过修改代码来实现。

**WordPress长文章分页的操作步骤：**

第一步：进入WordPress网站后台，在外观下找到“编辑”选项，然后找到文章页面模块single.php，在single.php中找到下面的代码

<?php the\_content(); ?>

第二步：找到上面的代码之后，在其下方添加wordpress自带的分页功能函数代码：

<?php wp\_link\_pages(); ?>

第三步：第二步的代码可以实现简单的分页效果，如果你想让分页按钮更加美观的话，可以将第二步的代码替换成下面的调用代码：

<?php wp\_link\_pages(array('before' => '<div>分页阅读：', 'after' => '', 'next\_or\_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?> <?php wp\_link\_pages(array('before' => '', 'after' => '', 'next\_or\_number' => 'number', 'link\_before' =>'<span>', 'link\_after'=>'</span>')); ?> <?php wp\_link\_pages(array('before' => '', 'after' => '</div>', 'next\_or\_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>

通过下面的CSS代码来控制分页按钮的显示样式，直接复制下面的CSS样式到style.css文件中，这样就可以实现下面的效果

/\*\*页面分页\*\*/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

第四步：在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】

<p><!--nextpage--></p>

第五步：如果觉得每次使用分页代码比较麻烦，可以通过在编辑器上方添加一个“分页按钮”来使用，即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】

1、找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp\_more’, 标签：（在366行处）

$mce\_buttons = apply\_filters('mce\_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp\_more',</SPAN></STRONG></SPAN> '¦', 'spellchecker', 'fullscreen', 'wp\_adv' ), $editor\_id);

2、在 ‘wp\_more’ 后添加 ‘wp\_page’, （含单引号和逗号）。修改后代码如下：

$mce\_buttons = apply\_filters('mce\_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp\_more','wp\_page',</SPAN></STRONG></SPAN> '¦', 'spellchecker', 'fullscreen', 'wp\_adv' ), $editor\_id);

3、此时，你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。

同样，在代码编辑器也会相应出现一个 nextpage 按钮。

第六步：消除分类后不同页面的文章的标题相同的问题，避免影响网站SEO优化。在主题模板文件 header.php 找到类似

…… 代码，将其替换为如下代码。

<?php if ( is\_single() ) { ?><title><?php echo trim(wp\_title('',0)); ?><?php if (get\_query\_var('page')) { echo '-第'; echo get\_query\_var('page'); echo '页';}?> — <?php bloginfo('name'); ?></title><?php } ?>

第七步：实现分页功能后，会导致Feed页面的文章被分页，一般只显示第一页的内容，解决方法：打开 wp-includes 目录下的 query.php 文件，找到下面这行代码(大概在3578行)

if ( strpos( $content,'<!–nextpage–>' ) ) {

把它修改为下面这行代码。

if ( strpos( $content, '<!--nextpage-->' ) && (!is\_feed()) ) {

这样我们就完成了完美的长文章分页阅读的效果了。

更多wordpress相关技术文章，请访问wordpress教程栏目进行学习！

以上就是wordpress怎么发长文章的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** WordPress

---