[wp]wordpress纯代码为后台文章编辑器添加自定义按钮实现快速输入

由于小站的经常需要发一些活动资讯类和软件分享的文章，所以在发表新文章的时候会出现很多一样的内容，比如说每个页面的倒计时代码，小编之前专门保存了一个文档文件，每次发表新文章的时候都把代码复制到编辑框中。是不是特别笨！没办法，对于那些会写代码的大神来说，可以轻而易举的给编辑框添加一个短代码的功能，就能轻松实现了！但是对于小白来说只能用这种笨方法了！

无奈身为小白站上有特别爱折腾，网上扒了扒还真让我找到一种解决办法，就是通过给wordpress的文章编辑器添加一个自定义按钮，并且设置好点击这个按钮会输入指定的内容，搞得我还有些小兴奋，毕竟不用每次编辑文章的时候都从别处复制过来几大行的代码了。唯一美中不足的就是自定义的按钮只能在文本模式的编辑器上显示，但是好在只是简单的添加几行代码，对咱来说怎么简单怎么来不是？

下面就同大家一起交流一下实现的过程。

1.添加代码

把下面代码复制到当前所用主题的functions.php文件的最后一个 ?> 之前

// 添加自定义编辑器按钮
function appthemes_add_quicktags() {
?>
<script type=”text/javascript”>
if ( typeof QTags != ‘undefined’ ) {
QTags.addButton( ‘hr’, ‘hr’, ‘<hr />’, ” ); //添加分隔线
QTags.addButton( ‘h1’, ‘h1’, ‘<h1>’, ‘</h1>’ ); //快捷输入h1标签
}
</script>
<?php
}
add_action(‘admin_print_footer_scripts’, ‘appthemes_add_quicktags’ );

2、修改代码

需要添加多个按钮时，按照第5、6行代码继续增加就可以。
把上方5/6行的参数按照下面的说明修改替换

QTags.addButton( ‘按钮的ID’, ‘显示的名称’, ‘点一下输入的内容’, ‘再点一下输入的内容(此留空则一次输入全部内容)’ ); //添加分隔线

按照上面的流程设置后，就可以添加1个自定义按钮，实现点击自定义按钮输入指定的内容了，下面是添加了一个【倒计时】按钮的实现效果，还可以再添加更多的按钮实现点击输入自己自定义的内容。

原文链接：https://qince8.com/3022.html