先上图，有图有真相：
0×01:允许贴图
WP默认是开启一些标签的，比如 a , b, strong 等。但是有一些标签我们平时根本用不到，所以，我们可以重载它的允许标签全局数组。（wp-includes/kses.php 文件中定义了默认的post允许标签和全局允许标签。
重载方法：
打开你当前主题的functions.php，添加如下代码 (PS:还有一种办法是添加my-hacks.php文件法,这里就不说了 
)：
我这里添加了img 标签 ，这就允许评论者在留言框里面贴图。还有就是去掉了几个不常用的标签。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | define('CUSTOM_TAGS', true); $allowedtags = array( 'a' => array( 'href' => array (), 'title' => array ()), 'b' => array(), 'blockquote' => array( 'cite' => array ()), 'cite' => array (), 'code' => array(), 'em' => array (), 'i' => array (), 'strike' => array(), 'strong' => array(), 'img' => array( 'src' => array (), 'alt' => array (), 'align' => array (), 'class' => array (), 'height' => array (), 'width' => array ()), ); |
0×02：添加按钮
下载comment_quicktags.js.php：
comment_quicktags.js.php 下载 (7.6 KB, 112 次)
放到主题的js目录下面(你的没有就新建一个）。
然后就是添加按钮了，打开主题的comments.php,找到添加留言的文本域 (
1 | <textarea name="comment" id="comment" ...... |
)
在其上加上如下代码 ：
1 2 |
OK了，现在就可以在留言框上面看到这些按钮了。
如果只做了这个，可能你会发现这些按钮很难看，很大很长一个。这时候你应该用CSS来控制一下它的显示了。
下面是我的CSS代码，仅供参考：
1 | #ed_toolbar_comment .ed_button {display:inline-block;font-size:9px;height:22px;margin:1px 2px;width:50px;} |
0×03:进阶技巧：添加自动隐藏效果
你可能还发现我这些个按钮默认是隐藏的，当你输入文字时它又自动显示出来了，其实这个是用JQuery 实现的动画效果(注：我这里多了个smiley，你如果没有添加可以不要。)：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type="text/javascript"> var $j = jQuery.noConflict(); // quicktags if($j('#ed_toolbar_comment').length>0) { $j("#ed_toolbar_comment,#smiley").hide(); $j("#comment").focus(function() { $j("#ed_toolbar_comment,#smiley").animate({opacity: "show"}, 1000); }).blur(function() { $j("#ed_toolbar_comment,#smiley").animate({opacity: "hide"}, 1000); }); } // end quicktags </script> |
PS:感谢alexking 童鞋的js-quicktags 项目。
喜欢这篇文章吗?
请订阅本站 RSS feed 或
3:02 下午, 2010年11月26日loren /
请问，最后一步，进阶技巧的自动隐藏代码是放在哪个文件的哪个位置？谢谢
3:35 下午, 2010年10月6日纪小年 /
算了 搞插件算了..
3:26 下午, 2010年10月6日纪小年 /
在别的网站找到那个文件了,可是发现点击之后不会弹出那个输入框.是不是functions.php中添加的位置不对,应该添加到哪里?
3:12 下午, 2010年10月6日纪小年 /
无法下载….
11:01 下午, 2010年10月6日荒野无灯 /
文件早就更新过了的，经测试，可以正常下载。请勿使用迅雷等软件下载。
6:17 下午, 2010年08月22日linji /
解压出错
! C:\TDDOWNLOAD\comment_quicktags.js.zip: 这个压缩文件格式未知或者数据已经被损坏
请更正，谢谢。
7:43 下午, 2010年09月23日荒野无灯 /
嗯，文件下载错误已经修正。谢谢提醒
11:14 下午, 2010年08月21日linji /
下载出错了
! C:\Users\linji\Downloads\comment_quicktags.js.zip: 这个压缩文件格式未知或者数据已经被损坏
请检查一下，我想下载，谢谢
12:07 下午, 2010年08月18日ylsnuha /
这边那个晚间下不下来3:49 下午, 2010年06月26日随缘 /
收藏是必须滴
10:16 上午, 2010年06月25日A.shun /
这个很方便，先收藏
7:05 下午, 2010年06月19日joyla /
我的主题默认已有！不错哦！呵呵
6:10 上午, 2010年06月18日奥德雷的雷人事迹 /
可是很少人用的
1:37 下午, 2010年06月7日缝隙 /
9:18 上午, 2010年06月3日pazz7ven /
现在很多网站都有个把留言框整个隐藏掉的功能
如果整体隐藏了 我想应该放到文章下面比较合适
可惜不懂代码 就先把想法留这里的
9:36 上午, 2010年06月3日荒野无灯 /
嗯 ，想法不错。不过隐藏了就得加一个按钮或者链接让人打开它。多少还是有一些不方便的。
11:24 上午, 2010年06月1日Ludou /
可惜我的博客已经完全禁止了评论框中的代码。
9:10 下午, 2010年05月31日ikeeptrying /
呵呵~
我是zblog的呢~
12:09 下午, 2010年05月31日万戈 /
我记得也有用JQ实现的这个功能
3:38 下午, 2010年05月31日winy /
在哪儿找到的？我看的都是这个
11:14 上午, 2010年05月31日icecream冰淇淋 /
牛，学习先～
8:16 下午, 2010年05月30日朵未 /
荒野大哥真能折腾啊。