• Register

WordPress QuickTags编辑器添加自定义按钮

在WordPress编辑器里添加各种按钮,可以给编辑器增加更多功能,让你更方便地编辑文章。

假设我们需要在HTML编辑器里加上一个Google AdSense广告的插入按钮。首先需要编写一段关于Google AdSense的短代码并加入到funtions.php文件里。下面是一个Google AdSense段代码的示例:

function do_adsense() {
  $adsense = "你的AdSense代码";
  return $adsense;
}
add_shortcode('adsense', 'do_adsense');

完成上面的代码后,我们需要在wp-includes/js文件夹下的quicktags.js文件里加入一段代码,查找类似如下代码:

edButtons[edButtons.length]....

在其前面添加代码:

edButtons[edButtons.length]=new edButton('ed_adsense','adsense','[adsense]','','adsense');

PS.为防止意外情况发生,请事先备份这两个文件!

保存并刷新后台的编辑界面,你就会看到新的编辑按钮了,当然你也可以稍微改动其中的代码来添加其他按钮。

再给个例子,添加一个固定代码段按钮!

可直接修改quicktags.js文件(无需修改function.php),添加代码:

edButtons[edButtons.length]=new edButton("ed_example","example",'<div><a href="http://yangjunwei.com/example/" target="_blank">example</a>',"</div>","example");
版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/515.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册