如何修改Wordpress的quicktags

垃圾文章凑合着看很一般还不错精品 (1 人作出评论, 评价为: 5)
Loading ... Loading ...

今天在别人那里看到了一篇文章《如何使用Wordpress内置的分页功能？- Nextpage》。对WP有了更深的了解。

针对2.5版本我对文章做了部分修改。

1.nextpage标签的作用及使用方法。

nextpage标签，确切地说是，代码，是wordpress内置的用于实现文章分页的一个page标签。您可以在一篇文章中插入多个nextpage标签实现多个分页。在文章中插入该标签后，从文章开头至第一个nextpage标签为文章的第一个分页内容，第一个nextpage标签和第二个nextpage标签之间为文章第二个分页的内容，以此类推，直至文章结束。这一点和more标签不同。

然而，有一点要注意，如果more标签在nextpage标签之前的话，在首页的输出中，还是会被more标签截断的。
2.如何在编辑时插入nextpage标签？

在wordpress2.5中，虽然已经内置nextpage标签的输出功能，但在官方版中nextpage标签的输入默认都是被隐藏起来的，不知道为什么这么做。因而 需要我们修改代码来实现输入。有些非官方版的WP可能已经解开默认的nextpage输入了。

a.可视化模式输入

要解开可视化编辑器或富文本编辑器的nextpage标签输入隐藏的话，进入wp安装目录下的\wp-includes\js\tinymce，用文本编辑器打开tiny_mce_config.php，查找下面代码：2.5版本代码在120行。

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

在wp_more后面加上：’wp_page’，如下：

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

保存退出。重新回到新建文章页面，可以看见在more标签边上已经多了nextpage标签的输入按钮。如下图。

注，如果没出现按钮的话，请按Ctrl+F5重新载入页面，或清空浏览器缓存后再打开页面。

b.代码模式输入

以上已经将nextpage标签按钮添加到可视化编辑器下，下面该代码将nextpage标签按钮添加到代码模式（quick tag）输入中。

进入wp安装目录\wp-includes\js，用文本编辑器打开quicktags.js，找到下述代码，2.5版quicktags.js在134行。

  1. /*
  2. edButtons[edButtons.length] =
  3. new edButton(’ed_next’
  4. ,’page’
  5. ,’< !–nextpage–>’
  6. ,”
  7. ,’p’
  8. ,-1
  9. );
  10. */

将line134和143中的注释代码/*和*/删除掉。保存，退出。进入文章编辑页面，在more按钮边上已经新出了page按钮。点击page，就可以将< !- -nextpage- ->添加到文章了
效果图如下

3.如何是模板支持nextpage？

至此，我们已经将wordpress内置的nextpage标签输入解开了，但是如果没有在文章页模板文件中添加分页链接显示函数的话，文章页仅会显示第一个nextpage标签之前的内容。wordpress采用：

  1. < ?php wp_link_pages(); ?>

来实现文章内分页链接的输出。请在文章页模板（通常为single.php）的loop中添加该代码。

那么我们可以利用这个方法，把需要手动输入的coolcode加入到按钮中来～方便多了。效果图如上。

依旧是在quicktags.js里加入如下代码。我放在了code的后面。

  1. edButtons[edButtons.length] =
  2. new edButton('ed_coolcode'
  3. ,'coolcode'
  4. ,'[coolcode]'
  5. ,'[/coolcode]'
  6. ,'c'
  7. );

(代码里的[]需要改成<>，没办法～coolcode太智能……)

大功告成～

你可能对这个有点兴趣：

可乐发表于:04-10-08

9 个人评论了 to “如何修改Wordpress的quicktags”

  1. 逍遥老鬼 说:

    知道了

    [Reply]

    逍遥老鬼 reply on 04月 11th, 2008:

    爱仕达啊

    [Reply]

    逍遥老鬼 reply on 04月 11th, 2008:

    说大点

    [Reply]

    逍遥老鬼 reply on 04月 11th, 2008:

    爱仕达

    逍遥老鬼 reply on 04月 11th, 2008:

    爱仕达爱仕达爱仕达爱仕达

    [Reply]

    可乐 reply on 04月 11th, 2008:

    你在测试？

     04月 11th, 2008 at 2:40 pm
  2. tiro 说:

    感谢 可乐 按部就班 最终算是门户过关了 呵呵 继续学习ing

    [Reply]
     05月 1st, 2008 at 3:58 pm
  3. qingdao0532 说:

    整理的不错，全面，学习了。

    [Reply]
     05月 11th, 2008 at 11:57 am
  4. jerviswang 说:

    不知道能否适用我的站，拿过去试试看。谢谢！

    [Reply]
     06月 11th, 2008 at 4:37 pm

看完了说点啥？