外贸独立站的底层设计密码WordPress 成品站模板
当前位置:首页>WordPress建站>用户交互>为WordPress评论表单添加Quicktags按钮

为WordPress评论表单添加Quicktags按钮

倡萌以前分享过 WordPress TinyMCE 编辑器增强技巧大全WordPress 添加自定义编辑按钮的插件:AddQuicktag,都提到了 Quicktags,但那都是添加到后台剪辑器的,今天主要分享下WordPress评论表单添加Quicktags按钮的方法。

comment-form-quicktags-wpdaxue_com

如果你不会折腾代码,安装 Basic Comment QuicktagsComment Form Quicktags 插件即可。

如果你会折腾代码,不妨试试 @zwwooooo 大师的方法:

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库,如果主题已经加载了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');
}

这样就可以啦!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
用户交互

WordPress评论中禁止或必须包含指定内容

2013-5-22 8:01:00

用户交互

WordPress禁止用户编辑个人资料

2013-6-2 8:47:47

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索