wordpress编辑器中添加分页(nextpage)按钮方法

也可以用这篇文章说的方法在后台编辑器上添加自己喜欢的快捷键按钮,十分的方便,已经过本人测试,非常好用。
———————
相信现在使用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 ‘www.111cn.net”>三江小渡</a>’;}
add_shortcode(‘sr’, ‘ShortRight’);

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

 代码如下 复制代码

edButtons[edButtons.length] =
new edButton('ed_SR'
,'ShortRight'
,'[sr]'
,''
,'sr'
,-1
);
t.Buttons[t.Buttons.length] = new edButton(name+'_sr','ShortRight','[sr]','','sr',-1);

时间: 2024-10-14 09:07:01

wordpress编辑器中添加分页(nextpage)按钮方法的相关文章

wordpress博客添加返回顶部按钮方法

三步来实现为一个wordpress站点添加"返回顶部"按钮. 1.打开wordpress后台,选择"外观"–"编辑"–找到"footer.php",在</body>之前加上下面这段代码:  代码如下 复制代码 <div id="full" style=" width:50px; height:95px; position:fixed; left:50%; top:420px; m

如何在Word2010中添加分页符

  分页符,顾名思义就是分开页与页之间的符号,这样可以更好的对不同的页面进行编辑.想要灵活的对页面格式进行设置的话,可不是那么简单的,首先要在Word2010中寻找到分页符,然后再插入. Word2010 方法一 打开Word2010文档,将光标移动到目标位置. 打开"页面布局"选项卡. 在"页面设置"中单击"分隔符"按钮. 在"分隔符"列表中选择"分页符"选项. 方法二 打开Word2010文档窗口,将光

Word 2007 中添加快速打印按钮

  与Microsoft Office Word 2007 Beta 2相比,正式版的Microsoft Office Word 2007快速访问工具栏少了个"快速打印"按钮,这给初次使用Microsoft Office Word 2007的新手带来小小的不便,因为往往要费些功夫才能找到有关打印的选项.其实可以通过自定义的方法在快速访问工具栏中添加"快速打印"按钮(图2),当然还可以根据需要添加"打印预览"等其它按钮.

tabs-Fragment中添加button为什么按钮会占据整个父view

问题描述 Fragment中添加button为什么按钮会占据整个父view 我想添加一个tabs(框架是PagerSlidingTabStrip),使用viewpager左右切换fragment,我在其中一个Fragment中添加button为什么按钮会占据整个布局(灰色部分就是按钮) 还有大神能告诉我为什么tabs这么小吗QWQ public class ChatFragment extends Fragment { @Override public View onCreateView(Lay

asp.net使用FCK编辑器中的分页符实现长文章分页功能_实用技巧

本文实例讲述了asp.net使用FCK编辑器中的分页符实现长文章分页功能.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SplitContent.aspx.cs" Inherits="SplitContent" %> <%@ Register Assembly="FredCK.FCKeditorV2&

yii2中添加验证码的实现方法_php实例

本文实例讲述了yii2中添加验证码的实现方法.分享给大家供大家参考,具体如下: 首先,在模型中添加验证码字段: public function rules(){ return ['verifyCode', 'captcha'], } 其次,可以在函数attributeLabels中添加前台页面中验证码的字段名称: public function atrributeLabels(){ return ['verifyCode'=>'Verification Code', ]; } 然后,在视图文件中

山寨“饿了么”应用中添加菜品数量按钮效果

山寨"饿了么"应用中添加菜品数量按钮效果 本人视频教程系类   iOS中CALayer的使用 最终效果: 山寨源头: 源码:(此源码解决了重用问题,可以放心的放在cell中使用) AddAndDeleteButton.h 与 AddAndDeleteButton.m // // AddAndDeleteButton.h // LabelControll // // Created by YouXianMing on 14/12/11. // Copyright (c) 2014年 Yo

javafx-JavaFX中如何在表格中添加一列按钮

问题描述 JavaFX中如何在表格中添加一列按钮 使用JavaFX想要使Tableview中的某一列 TableColumn 是按钮button 该如何实现 ??? 急求谢谢!!!

在Fragment中添加了一个按钮,但是一按按钮就闪退,求大神指点。

问题描述 在Fragment中添加了一个按钮,但是一按按钮就闪退,求大神指点. package com.example.fragmentdemo; import com.example.fragmentdemo.MessageFragment;import com.example.fragmentdemo.R;import com.wifi.WifiAdmin;import com.wifi.WifiApAdmin;import android.app.Fragment;import andro