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个自定义按钮,实现点击自定义按钮输入指定的内容了,下面是添加了一个【倒计时】按钮的实现效果,还可以再添加更多的按钮实现点击输入自己自定义的内容。
wordpress纯代码为后台文章编辑器添加自定义按钮实现快速输入

资源下载
免费资源
文件1地址点击下载
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

MC百科 Wordpress wordpress纯代码为后台文章编辑器添加自定义按钮实现快速输入 https://www.mcbke.com/wordpress-course-bjqzdyan.html

科技迷、外设控、Minecraft爱好者,科技改变生活!

常见问题

相关文章

评论
暂无评论
wordpress纯代码为后台文章编辑器添加自定义按钮实现快速输入-海报

分享本文封面