简单的为WordPress主题评论框添加 QuickTag

» 2012-05-28 80条评论

什么是 Quicktag?看图,简单,懒得说明

120525-quicktag-1

现在要说的方法不是我主题用的比较麻烦的方法,是用 WordPress 内置的 QuickTag,下面是方法:

1. 在主题目录里建立个文件:my_quicktags.js,内容如下

//设置quicktags
quicktags({
	id: "comment", //评论框的ID,一般为 comment,根据自己主题设置
	buttons: "strong,em,del,link,code" //内置有这些,根据自己需求选吧: strong,em,link,block,del,ins,img,ul,ol,li,code,more,spell,close
});
//默认的引用(block)插入很蛋疼,所以自己定义了一个
QTags.addButton('quote','quote','<blockquote>','</blockquote>','quote');
//另外定义了个“下划线”,其它举一反三
QTags.addButton('U','U','<u>','</u>','U');

2. 加载 jQuery 库和js文件,在主题文件 functions.php 加入如下代码:

if ( comments_open() && is_singular() ) {
	function zfunc_print_script() {
		wp_enqueue_script( 'jquery' ); //加载jQuery库
		wp_enqueue_script( 'quicktags' ); //加载js quicktags
		wp_enqueue_script( 'my_quicktags', get_template_directory_uri() . '/my_quicktags.js', array('my_quicktags','jquery'), '1.0', 1,true); //加载第1步建立的my_quicktags.js文件
	}
	add_action('wp_enqueue_scripts', 'zfunc_print_script');
}

这样就OK了,效果图:

120528-quicktag-2

折腾玩(完)。

zww
or
oooo

“简单的为WordPress主题评论框添加 QuickTag”有80条评论

  1. 灰狼 says:

    大叔的图床是哪里的

    1. zwwooooo says:

      @灰狼
      自己主机。

    2. 灰狼 says:

      @zwwooooo
      大叔买的VPS?印度出品??

    3. zwwooooo says:

      @灰狼
      IP有时会骗你的,香港的,不过我现在又换了,香港的带宽太小了,Orz

  2. 伦敦金 says:

    又学到一个技术,多谢楼主分享!

  3. Dick_Wu says:

    嘿嘿,zSnos2.5的这个东东特别受欢迎~

    1. zwwooooo says:

      @Dick_Wu
      哈,我一直没换

  4. 额,可惜没有CSS样式,恰好我对样式啥的完全是个白痴

    1. zwwooooo says:

      @混乱羽翼
      默认也是OK的,我那截图就是默认的。

  5. 好久没有用原生的评论了.

    1. zwwooooo says:

      @yesureadmin
      我个人不喜欢第三方评论系统,当然,我说的主要是国内的。

  6. 郑永 says:

    好像不错

    擦除

  7. 郑永 says:

    我怕影响美观 :)

    1. zwwooooo says:

      @郑永
      这点影响木有问题

  8. 链接测试哈哈,太好了,就拍好多人用发超链接,垃圾留言啊,不过还是去试试 :mrgreen:

  9. 奚少 says:

    <blockquote>我来测试一下效果 :grin: </blockquote>

  10. 小布丁 says:

    :mrgreen:

    方便快捷,比插件强多了

    1. zwwooooo says:

      @小布丁
      没插件方便吧

  11. 一堵墙 says:

    哇塞这个好复杂,有什么办法可以直接调用百度编辑器吗

    1. zwwooooo says:

      @一堵墙
      这个应该可以,但我不会。

  12. 余师洋 says:

    学习学习~

    1. @余师洋
      测试一下这个 貌似很少人会用这个功能吧

  13. 酷特网 says:

    这个可以有

  14. 阿越 says:

    给力啊!!!!谢谢分享

  15. Chunlinsay says:

    好主意,多谢分享!我借去用了。

  16. 这功能比较给力啊。

  17. 鬼娃娃 says:

    怎么弄,可以让评论也想你上面那样排版这样显示

  18. 大发 says:

    一般人评论的时候不会用标签吧。。

    1. zwwooooo says:

      @大发
      很少吧,除非贴代码之类

  19. 有点蓝 says:

    原来这个东西叫Quicktag,我还到处搜“wordprss评论插入格式”什么的,未果。

发表评论

昵称 *

网址

B em del U Link Code Quote