WordPress单篇文章分页功能

317月

WordPress单篇文章分页功能

wordpress编辑器中添加这个分页按钮。

方法如下：找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签：（在391行处）

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'bullist', 'numlist', 'blockquote', 'justifyleft', 'justifycenter', 'justifyright', 'link', 'unlink', 'wp_more','spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

在 ‘wp_more’ 后添加 ‘wp_page’, （含单引号和逗号）。修改后代码如下：

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'bullist', 'numlist', 'blockquote', 'justifyleft', 'justifycenter', 'justifyright', 'link', 'unlink', 'wp_more', 'wp_page','spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

此时，你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。同样，在代码编辑器也会相应出现一个 nextpage 按钮。二、添加分页功能 wordpress其实自带分页功能的函数，只是没有被调用。所以我们在编辑文章的时候，明明插入了分页符，却看不到什么变化。要怎么样才能让调用这个函数呢？方法很简单，在主题模板文件 single.php 中找到类似下面这行代码。

<?php the_content(); ?>

在这行代码后面添加如下所示的代码，即可实现简单的分页功能。

<?php wp_link_pages(); ?>

美化分页效果虽然经过上面两步，已经可以实现长文章的分页功能了。但是不是那么好看，下面我们就把它美化一下，让分页效果更完美。首先，把上一步的分页功能代码替换为以下代码。

<?php wp_link_pages(array('before' => '<div class="fenye">分页阅读：', '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样式进行美化。直接把下面这些代码，放到主题文件 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;}

这样就做好了Wordpress单篇文章分页功能

分享到：