如何给WordPress后台编辑框添加自定义按钮?

很多同学会遇到,自己的按钮想添加一个到你的编辑框中,这样就很方便,于是Wordpress迷看到过一篇文章,转载过来,希望对大家有用。

最近想发布基本关于设计的书籍,像书籍这类的文档,有固定的格式,那么就可以利用编辑器自定义按钮数据固定格式内容,遗憾的是目前只能在文本模式也就是html模式下数据这些内容,这也极大的方便了文章的编辑和发布,对于那些经常需要插入短代码的,在HTML编辑器的工具栏里加上各种各样的快捷标签也是很有用的。

以下代码在wordpress 3.9亲测可以实现:

打开您的主题文件下的functions.php文件,请注意备份文件,以免误操作导致网站无法正常显示。

在末尾的?>之前加上

//添加HTML编辑器自定义快捷标签按钮  add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');  function bolo_after_wp_tiny_mce($mce_settings) {  ?>  <script type="text/javascript">  QTags.addButton( 'book', '书籍信息', '<h2>图书信息</h2>n'+  '<p>书名:n'+  '作者:n'+  '出版社:n'+  '出版时间:n'+  '开本:n'+  '定价:</p>n'+  '<h2>内容简介</h2>n'+  '<h2>作者简介</h2>n'+  '<h2>目录</h2>n', "" );  QTags.addButton( 'wp_page', '分页按钮', "<!--nextpage-->n", "" );  function bolo_QTnextpage_arg1() {  }  </script>  <?php  }

 

上传到网站主题目录覆盖文件即可。

 

代码解析:

  1. QTags.addButton( ”, ”, ”, ” );

【四对引号,分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(最后一对引号为空则一次输入全部内容),n表示换行】

形象说明: QTags.addButton( ‘ 按钮ID‘, ‘按钮显示名‘, ‘点一下输入内容‘, ‘点一下关闭内容‘ );

可以自定义添加多行 QTags.addButton( ”, ”, ”, ” ); 增加多个按钮!

文章来源:http://www.uedsc.com/wordpress-add-youself-botton.html


版权免责声明

本资源仅用于个人学习测试使用,禁止用于任何商业环境,请于下载后24小时内删除本资源!

本文所有相关技术/资源内容统一放在下载包里

  1. 1、本网站名称:源码社
  2. 2、本站永久网址:https://www.nicedowns.com
  3. 3、站内所有资源均可通过日常签到等任务进行免费兑换,记得每日来本站签到哦~!。、
  4. 4、如果您觉得本站有帮助到您,也想给本站一些帮助。您可以再下方打赏本站。
  5. 5、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
  6. 6、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
  7. 7、本站资源大多存储在云盘,如发现链接失效 【链接失效】 我们会第一时间更新。本站提供的源码、模板、软件工具等其他资源,都不包含技术服务 请大家谅解!

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