实现wordpress编辑器中添加分页(nextpage)按钮

Categories: 后端, 网站相关
Comments: No Comments
Published on: 2011 年 04 月 29 日

也可以用这篇文章说的方法在后台编辑器上添加自己喜欢的快捷键按钮,十分的方便,已经过本人测试,非常好用。
---------------------
相信现在使用wordpress3.0发布文章,添加文章时在编辑器上只会看得到一个more标签(摘取文章摘要),但是有时候写的文章字数比较多,放在一页会影响读者的阅读兴趣,所以需要将长文章分页,这样不会引起读者心里上的反感。

文章分页功能在WordPress 1.5版本中的文章编辑器中有这个功能,但是不知为什么后来从编辑器中去掉了,不过文章分页并未真正的消失,我们可以通过修改程序代码再现文章分页的功能。在这我将提供两种方法:

一、文章分页的标签是:< !– nextpage –>,我们可以在文章的HTML编辑状态下,在需要分页的地方添加"< !– nextpage –>"即可。

二、通过修改代码,将文章分页快捷键调出来。

1.首先打开/wp-includes/js/quicktags.dev.js文件,找到131行,找到如下代码:

我们需要将两行注释号去掉,让包含其中的代码生效。改后的代码如下:

edButtons[edButtons.length] =
new edButton('ed_next'
,'page'
,'<!--nextpage-->'
,''
,'p'
,-1
);
然后再找到如下的代码:
//t.Buttons[t.Buttons.length] = new edButton(name+'_next','page','<!--nextpage-->','','p',-1);

同样也是将注释号去掉,让其代码生效。改后代码如下:

t.Buttons[t.Buttons.length] = new edButton(name+'_next','page','<!--nextpage-->','','p',-1);

2、然后再找到/wp-includes/js/quicktags.js文件。在文件中找到此段代码:

edButtons[edButtons.length]=new edButton("ed_more","more","<!--more-->","","t",-1);

然后在代码的后边加上如下的代码:

edButtons[edButtons.length]=new edButton("ed_next","nextpage","<!--nextpage-->","","p",-1);

再找到如下的代码:

j.Buttons[j.Buttons.length]=new edButton(a+"_more","more","<!--more-->","","t",-1);

将在后边加上如下的代码:

j.Buttons[j.Buttons.length]=new edButton(a+"_next","nextpage","<!--nextpage-->","","p",-1);

3、然后再找到/wp-admin/includes/post.php文件。找到1451行中找wp_more标签,

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

在后边加上:'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' ));

这时你就可以在后台的编辑文章和添加新文章页面的可视化编辑器上看到一个跟more标签相似的图标,同样在代码编辑器也会相应出现一个nextpage按钮。

4、需要主题中支持分页功能,所以在自定义主题时,需要手动添加代码到文章页(single.php)。找到主题中single.php文件中的<?php the_content();?>代码,
然后在它后面添加如下代码:
<?php
wp_link_pages('before=<div id="page-links">&next_or_number=number');
wp_link_pages('before=&after=</div>&next_or_number=next&previouspagelink=上一页&nextpagelink=下一页');
?>

如果添加自己个性化标签比如本博客的所有权缩写sr (设定的是这个sr应该用中括号括起来的),这段代码添加到主题支持函数内即可。现在你也可以模仿着来制作自己的个性化标签并且为它设定一个后台按钮了,快点试试吧。

function ShortRight() {     return '个人原创,转载请注明:<a href="http://blog.pureisle.net">三江小渡</a>';}
add_shortcode('sr', 'ShortRight');

js部分代码是这样的:(类型东西都照着上边的nextpage标签修改)

View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
edButtons[edButtons.length] =
new edButton('ed_SR'
,'ShortRight'
,'[sr]'
,''
,'sr'
,-1
);
 
t.Buttons[t.Buttons.length] = new edButton(name+'_sr','ShortRight','[sr]','','sr',-1);

我猜你可能也喜欢:

No Comments - Leave a comment

Leave a comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Welcome , today is 星期五, 2017 年 12 月 15 日