Wordpress主题技巧

为WordPress评论表单添加Quicktags按钮

为WordPress评论表单添加Quicktags按钮

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

comment-form-quicktags-wpdaxue_com

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

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

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

1
2
3
4
5
6
7
8
9
//设置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');

//设置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 加入如下代码:

1
2
3
4
5
6
7
8
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');
}

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’);
}

这样就可以啦!

Wordpress主题技巧

更多有关于 Wordpress主题技巧

V9火车采集器,快速入门!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

WordPress 自定义文章/页面阅读权限的插件:User Specific Content

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.