Question

怎样给wordpress文章编辑器添加分页按钮

Answer 1

1、首先给WordPress文章编辑器添加显示分页按钮，默认没有添加，并没有看到该按钮，如下图所示

2、修改 /wp-includes 目录下的 class-wp-editor.php 文件，在标签'wp_more',后面添加以下代码'wp_page',即可。

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

4、然后再你的一篇长篇文章中，某个段落之前插入一个分页符，即把光标定位到要分页的位置，然后点击下分页按钮，就会自动插入一个分页符。

5、在主题模板文件 single.php 中找到类似下面这行代码。

<?php the_content(); ?>

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

</br><?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' => "下一页")); ?>

7、最后，添加这个分页的一些样式，在主题模板文件中的style.css文件最后添加如下样式：

/*文章分页*/

.fenye{text-align:center;margin:0px auto 10px;}

.fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid #D2D2D2;}

.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:#c73503;color: #fff;}